Cool Fade In On Scroll Effect (Vanilla Javascript)

In this video, I show you how I implemented a fade in on scroll effect using vanilla Javascript and CSS.

Useful Links:

CODEPEN:

[mount_backula]

Nice use of the throttle function, I was unaware that this existed yet had previously thought about the performance implications when firing all of those events upon every scroll. Good stuff.

[elkhanhamet]

Thank you much man, I was surfing the web trying to find how this was implemented with Vanilla JS, but only found this freaking Animate JS videos which is quite irritating. I believe one has to learn the theory and principles behind the mechanics of what you're trying to achieve so you could gain the skill, and then you could fool around with packages, once you know how it works behind the scene. So thanks again man, stay safe👍👍👍

[ConorBailey]

Awesome tutorial mate. Thanks for sharing.

[conordavison]

Whats the name of the second song that comes on please? Great video as well 🤙

[MB-zjer]

Intersection observer API is what you want for this.

[MastrOfPuppts]

the voice coming from the left headphone and music from the right totally fucked with me lol i like it tho