The 'scroll' event in JavaScript | window.onscroll

By making use of the "scroll" event in JavaScript, you are able to react to when the users of your web page scroll down or up. Learn more in this video tutorial.

In this video I take you through the usage of the "scroll" event on the Window object. This allows us to listen for when the user scrolls up or down the page - we then implement a function that displays a message box when the user has reached the bottom of the page.

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript #webdev

[ajminpradhan]

The simplistic explanation I have ever seen. Please keep bringing more videos like this for us. Thanks dcode

[hyfytale]

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! <3

[angladephil]

Thanks a lot. All your tutorials are neat, precise and useful. Congrats, sir

[Paulina-scxd]

thank you for this video. It was very helpful for me. Short and to the point, this is what I needed

[aryanyadav]

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.

[skitzhills]

When it comes to JavaScript, Dom is the guy. These tutorials are so Thank you so much!!!!

[jesusmelgoza]

Thank you friend, your video was very helpful, greetings from Hidalgo, Mexico

[Duka]

Thank you so much, first normal video on this topic!

[estengrove]

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

[stratavis]

Thanks man!! your video helped me on my front-end test

[joeyallard]

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

[udaysaiphanindra]

You have done it with very simple code .. great work sir ..thabks a lot

[gabrielopeyemi]

You are a real live saver... Thank you!

[ruman]

Very informative video. Thank you! Its over many important things.

[AtillaRustemli]

Thank you.This was so usefull.Keep going.

[developedbyvarun]

Thanks mate helped me a lot today! earned your subscription

[atlas]

Thank you, I wanted to start learning javascript scrolling affects and this really helps, great work!

[johnsmith-oykx]

Awesome ! I was looking for this, thanks a lot

[i_am_a_real_cat]

Very cool tutorial, exactly what i needed :)

[razorintube]

lovely explained...neat example used..thanks