How do I fade things in on scroll JQuery

Home » How do I fade things in on scroll JQuery

Okay, first off, everyone has wanted this effect forever. So it’s worth learning it!

I have done this the hard way plenty of times and it’s one thing or effect that I don’t mind using a plugin for. Why? Well it’s just done well, it’s fast and I can just get on with building once I have it installed. I have home-rolled this effect so often and I often end up wasting loads of time on it.

I’ve been just using it on a class wherever I want and calling it like this, on a page or area or whole site, or whatever. There are lots of nice options (such as ‘scale’ allowing you to subtly fade and scale up) which come in handy as well.

var doublemarvellouscrollage = function(){ ScrollReveal({ container: '#containingelement' reset: true, scale: 0.8, delay: 30, }).reveal('.fadeinscroll'); } //then call your function doublemarvellouscrollage();

Get it here (https://scrollrevealjs.org/) – it’s ‘fab’, as my sister would say.