Thank you!! I was trying to figure out how to get the total height of the page when its scrollable and then I stumble upon your video! This made me progress so much!
Thank you so much for this video. I was searching for answers on how to add active class to a link in navbar on scroll and was getting JQuery code everywhere. After watching this video I was able to do that in one shot.
Been looking for a simple and concise way to understand this as i'm most recently getting into events. Really helpful and clearly explained. I was able to create my own styling and animation by adding a class from the first parts of the code you explained. Much appreciated! Was pulling my hair out for a bit over this lol
My guess is you could divide the total possible scroll by whatever you want and then match it to that. IE: while [currently scrolled amount] < [possible scroll amount] / 2, do whatever
how can I do this for a sidebar scrollbar instead of a window scrollbar? const scrolled = document.getElementById("nav_menu-2").scrollY doesnt do anything
Is there a way to stop the scroll event? I made a program where I run the scroll event only when a certain element is in view, if the element is not in view I don't need that event to keep running, but I can't seem to find a way to stop it.
I wanted to make something where their would be 3 circle and each time you scroll circle 1 turns black when you scroll down more circle 2 turns black and on and on.
Thanks for the video! I'm trying to create a parallax effect for an image element. So when the user scrolls down or up, the element transform:translate(0,1px); accordingly, whether it's going up or down. Do you know how to do that?
Hi Dom. I have a challenge and maybe you could help. I have an image which looks like a pc screen. Underneath this i want to have an that is scrollable. Using zindex block the scroll. Can you think of a way to capture the scroll and pass it down to the (beneath the image)
The simplistic explanation I have ever seen. Please keep bringing more videos like this for us. Thanks dcode
Thank you!! I was trying to figure out how to get the total height of the page when its scrollable and then I stumble upon your video! This made me progress so much!
No problem at all! Glad it could help you 😁
Thank you so much for this video. I was searching for answers on how to add active class to a link in navbar on scroll and was getting JQuery code everywhere. After watching this video I was able to do that in one shot.
When it comes to JavaScript, Dom is the guy. These tutorials are so gooddddddd. Thank you so much!!!!
No worries and thank you!
thank you for this video. It was very helpful for me. Short and to the point, this is what I needed
Thank you so much, first normal video on this topic!
Glad it was helpful!
Thanks a lot. All your tutorials are neat, precise and useful. Congrats, sir
No probs and thank you :)
Been looking for a simple and concise way to understand this as i'm most recently getting into events. Really helpful and clearly explained. I was able to create my own styling and animation by adding a class from the first parts of the code you explained. Much appreciated! Was pulling my hair out for a bit over this lol
That's great to hear mate!
Thank you friend, your video was very helpful, greetings from Hidalgo, Mexico
You have done it with very simple code .. great work sir ..thabks a lot
No probs mate! Thanks
You are a real live saver... Thank you!
Thanks man!! your video helped me on my front-end test
No worries mate good luck!
Awesome explanation, Thank you
Thank you.This was so usefull.Keep going.
Very informative video. Thank you! Its over many important things.
No worries mate
Thank you, I wanted to start learning javascript scrolling affects and this really helps, great work!
You're a lifesaver man!
No worries man!
So ..good explanation :)
No worries mate!!
Thank you! I needed to know how to detect the scroll and landed here :) second video I land on your channel today on differents topics
No worries!!
Thanks mate helped me a lot today! earned your subscription
You're welcome mate
Nice explanation
Awesome ! I was looking for this, thanks a lot
No worries mate!
lovely video.....nicely explained...neat example used..thanks
No problem at all mate!
Thank you very very muhhh... after very muchh struggling I found my perfect solution....
No worries mate :)
@@dcode-software yhh
@@dcode-software thanks bro.i love your video
You just saved me a day :-)
Very nice and helpful. Thank you
No problem! Thanks
@@dcode-software +1 subscriber from me
Very cool tutorial, exactly what i needed :)
Glad you liked it!
спасибо большое, всё понятно разложил по полочкам.
Thanks a lot for this
What should I do, If I want to check Before reaching the bottom of around 10px before reaching the bottom
Thank u my hero.
thank you your awesome!
Cheers mate you too
Very helpfull, Thankyou very much...
No worries mate
thanks, it helped a lot. :)
Thanks bro :)
thx for this mazing explain
Thank you!
All good!
спасибо !! коротко и ясно ! помогли !
In germany we say: vallah das video is zu geil
Super helpfull!!! but I have some uestions... what if I want to set that function to a spesific part of the scroll insted the bottom? pls!!
My guess is you could divide the total possible scroll by whatever you want and then match it to that. IE:
while [currently scrolled amount] < [possible scroll amount] / 2, do whatever
thank you a lot sir
you are amazing
No probs 😁
GOOD VIDEO
I love your video man.Can you make tutorial pure js custom scrollbar?
good job !
You're welcome
how can I do this for a sidebar scrollbar instead of a window scrollbar?
const scrolled = document.getElementById("nav_menu-2").scrollY doesnt do anything
did as shown, not a single instance of event fired while scrolling. testing in chrome 88
helped me alot
Good one
HI,BRO
WHEN YOU ARE SCROLLING THAT ONE ...
WHAT IS THAT 157 ?
Hello! How can I set the scroll left by using the normal scroll down?
Thanks for the explanation! How can i make one that shows the alert at 50% of the scroll?
Use an if statement.
If ( scrollable === scrolled /2){
Command
}
Is it possible scrollbar on for only using pointer event
Thanks alot sir
No problem 😃👍👍
What font you use in the page ?
How can i scroll to the id that id suppose to be center of the window... Could you please send me code for that using JavaScript
Is there a way to stop the scroll event? I made a program where I run the scroll event only when a certain element is in view, if the element is not in view I don't need that event to keep running, but I can't seem to find a way to stop it.
My scroll event won't fire for anything. So frustrated!
thank you so much
I wanted to make something where their would be 3 circle and each time you scroll circle 1 turns black when you scroll down more circle 2 turns black and on and on.
Hey, guys! He, y'all!
My name is... DOM - Document Object Model
Yep that's me
its great video
Glad you liked it!
Hey, how about navbar? show navbar if reach the 100vh of page? Sorry, I'm beginner. :)
What do you mean when you say the height of the entire document?
Basically the entire content, all the text, images etc
ironically am working on a task from udacity nano degree which has the same lorem ipsum quote written in
Informative vedio
Thanks for the video! I'm trying to create a parallax effect for an image element. So when the user scrolls down or up, the element transform:translate(0,1px); accordingly, whether it's going up or down. Do you know how to do that?
I wish to do the same .. could you do it?except the fact I wish to scale the image
Hi Dom. I have a challenge and maybe you could help. I have an image which looks like a pc screen. Underneath this i want to have an that is scrollable. Using zindex block the scroll. Can you think of a way to capture the scroll and pass it down to the (beneath the image)
What theme is this, dcode
Hey, it's Roboto Mono
@@dcode-software =)) i thougth my comment not gonna get reply due to "2 year ago" video. Thanks
All g mate
very good. ;)
Thanks! 😃
tks u so much
No probs.
Great tutorial, how to make left column fixed and right column scrollable? check apple headphone landing page. Please make a video on this
JavaScript for Background change of box when scroll down
❤
3:05 #kalnotes
You shouldn't use the scroll event this way.. Highly unrecommended.
so
so what did this guy showed us ? waste of time
Thank you!