Vanilla JavaScript Slide In on Scroll -  

I like these a lot. Saves myself time and frustration.

Thanks for making this! Super useful and well done.

Thanks for the series! Having real-world homework helps me hone my skills better. Once I knew what you were going for, I coded it up a little differently. I went for variables to represent the important offsets in the window and image, then did simple comparisons between them. Seemed more readable to me.

Awesome dude

Hi Brilliant Tutorials as always.I noticed that you use the .'sliderImage' variable quite heavily.

Great exercise. I personally don't like the feature of removing the active class when the user scrolled past the image, so I did not include it in my solution. But, to each their own.

Thanks!

its hard to imagine numbers.. you have to console log to understand values of variables if dealing with numbers

Now Wes Bos, finally tell us what the music is playing at the beginning.

Awesome video. What would I do if I wanted to slide in paragraphs or whole divs?

I also want to add effects to text, so how I have to code.

I can console log the scrollY but I cant get any console logs to show after sliderImages.forEach(sliderImage => {

Any reason not to use intersection observer instead?

Is there a draw back to writing the function like this:

what about getBoundingClientRect() ?

Hey Wes Bos the quality of the video looks too much compressed

How many years experience would be required to be expected to be able to write that debounce function, thanks.

also can you show the html? Im not sure I have all of the classes attached to the correct elements because its not working.

Have you used pure js or any js Library or something help please tell?

stuck getting this to work as offsetTop is undefined