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

Hello Friends,
Please Subscribe our channel to get videos like this.👍 🙏
Please share and likes our videos💗 🙏

Responsive Full Width Video Player Vannila JS
---------------------------------------------

Responsive Glassmorphism Forms
-------------------------------

Responsive Equal Height Cards Design Mobile First
-------------------------------------------------

Vannila Javascript Animated Counter Effects
-------------------------------------------

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

[studywebtoday]

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

[wasiqkhan]

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

[nahidraj]

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

[Traderapr]

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

[helenealpini]

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.

[rkinsas]

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

[osvaldohernandezvaldes]

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? from Cuba

[sseakr]

It works on me but I don't know whats going on.


i dont get what that ltx doing there

[babiladyland]

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]

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

[jeanelodie]

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

[entertainmenthut]

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

[WilliamFordington]

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