How To Create An Active Menu Class While User Scrolls The Window Using HTMl CSS And JS |
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
if(subscribe === "PRESSED"){
console.log("You get All Notification to Become PRO");
}else{
console.log("You don't get Notification");
}
that was really a great video thank you so much for making this video
thanku soo much Best video And Work full Thanku so much Love you ❤❤❤❤❤❤
Thank you ❤️
Good keept it up
keep the background music smooth. like it was in the begining. We are here to learn, not to dance. Hope you get my point.
thanks bro, I came here for 9:00
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.
Something missed.. Code is not working.. it happened to others as well..
Can you share JS code??
not working
valoo ... ocay ...
your video helped me,thank you
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
thanks
cool man.
its work
thankyou bos
It works on me but I don't know whats going on.
i dont get what that ltx doing there
ltx can be anything you want so it doesn't really matter
thanks bro
please provide source code also
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
When the page is refreshed the active goes to the last object. I have no idea how to fix it😂
it works for me but this is not accurate enough for a navbar
I have tried very carefully and a lot of time but it's not working. waste of time 👎
This is the problem with upcoming youtubers..
hey pls help me it wont work
bro give me the source code
Man I wish youtube still showed dislikes so I wouldve known that this video is a complete waste of time
thanks
You're welcome!