How To Create An Active Menu Class While User Scrolls The Window Using HTMl CSS And JS |

Sdílet
Vložit
  • čas přidán 29. 08. 2024
  • Hello Friends,
    Please Subscribe our channel to get videos like this.👍 🙏
    Please share and likes our videos💗 🙏
    Responsive Full Width Video Player Vannila JS
    ---------------------------------------------
    • How To Make Responsive...
    Responsive Glassmorphism Forms
    -------------------------------
    • How To Make Responsive...
    Responsive Equal Height Cards Design Mobile First
    -------------------------------------------------
    • How To Make Responsive...
    Vannila Javascript Animated Counter Effects
    -------------------------------------------
    • How To Make An Website...
    In this video we are going to see about how to make an Creative Active menu class while user scroll
    the window or web page using html, CSS and JavaScript. When user scroll the window of your website
    our "scroll" event listener will listen for the actual widow height and current section height.
    Once it will match both the height then our active class will added the particular section of your website.
    IF YOU HAVE ANY DOUBT PLEASE COMMENT
    ----------------------------------------------------------------------------
    #css-active-menu-css
    #css-active-class
    #js-active-menu-class
    #active-class-while-scroll
    #css-js-active-class-while-scroll
    #html-css-js-active-class-while-scroll
    #js-active-class
    #js-active-class-user-scrolls
    #js-scrolling-menu
    #js-scrolling-active-menu-class-add
    #css-menu-class-add
    #css-active-menu

Komentáře • 30

  • @studywebtoday518
    @studywebtoday518  Před 2 lety +33

    if(subscribe === "PRESSED"){
    console.log("You get All Notification to Become PRO");
    }else{
    console.log("You don't get Notification");
    }

  • @nahidraj5508
    @nahidraj5508 Před 3 lety +5

    that was really a great video thank you so much for making this video

  • @wasiqkhan886
    @wasiqkhan886 Před rokem

    thanku soo much Best video And Work full Thanku so much Love you ❤❤❤❤❤❤

  • @praveenr7957
    @praveenr7957 Před 3 měsíci

    Thank you ❤️

  • @tamil1health979
    @tamil1health979 Před 3 lety +3

    Good keept it up

  • @Trader12apr
    @Trader12apr Před rokem +1

    keep the background music smooth. like it was in the begining. We are here to learn, not to dance. Hope you get my point.

  • @MazanLabeeb
    @MazanLabeeb Před rokem +1

    thanks bro, I came here for 9:00

  • @helenealpini5525
    @helenealpini5525 Před 2 lety +3

    Good video but it's not perfect apparently. If you refresh the page while in the sections and try to click on another li, the page doesn't respond at the first click.

  • @rkinsas2876
    @rkinsas2876 Před 2 lety +5

    Something missed.. Code is not working.. it happened to others as well..
    Can you share JS code??

  • @entertainmenthut8896
    @entertainmenthut8896 Před 2 lety +6

    not working

  • @syediqbalahmed3176
    @syediqbalahmed3176 Před 2 lety +1

    valoo ... ocay ...

  • @user-cc2ry3sx5q
    @user-cc2ry3sx5q Před rokem

    your video helped me,thank you

  • @osvaldohernandezvaldes6308

    you are the best. Iam use bootstrap and this method is the only work in my code. My footer have 30px and never active this link... any soluction? thank*10000000 from Cuba

  • @mugundhan3927
    @mugundhan3927 Před rokem

    thanks

  • @alifi_chiganjati
    @alifi_chiganjati Před rokem

    cool man.
    its work

  • @okichandra222
    @okichandra222 Před rokem

    thankyou bos

  • @sseakr
    @sseakr Před 2 lety +2

    It works on me but I don't know whats going on.
    i dont get what that ltx doing there

    • @codeitraw5241
      @codeitraw5241 Před 2 lety

      ltx can be anything you want so it doesn't really matter

  • @pronaybala786
    @pronaybala786 Před 2 lety

    thanks bro

  • @arifhussain5276
    @arifhussain5276 Před 2 lety +3

    please provide source code also

  • @babiladyland3184
    @babiladyland3184 Před rokem

    pls my pb is that how are u able to press home and it takes u to home. pls i need quick reply from anyone

  • @youdu_life
    @youdu_life Před 2 lety

    When the page is refreshed the active goes to the last object. I have no idea how to fix it😂

  • @jeanelodie222
    @jeanelodie222 Před 2 lety

    it works for me but this is not accurate enough for a navbar

  • @entertainmenthut8896
    @entertainmenthut8896 Před 2 lety +5

    I have tried very carefully and a lot of time but it's not working. waste of time 👎

    • @rkinsas2876
      @rkinsas2876 Před 2 lety

      This is the problem with upcoming youtubers..

  • @moritzdeiaco2798
    @moritzdeiaco2798 Před rokem

    hey pls help me it wont work

  • @anshvashisht8519
    @anshvashisht8519 Před rokem

    bro give me the source code

  • @Willifordwav
    @Willifordwav Před rokem

    Man I wish youtube still showed dislikes so I wouldve known that this video is a complete waste of time

  • @muhammadnaveed7046
    @muhammadnaveed7046 Před 2 lety +1

    thanks