How do I fade things in on scroll JQuery | Double Marvellous
Back to Blog
Development Jul 16, 2024 4 min read

How do I fade things in on scroll JQuery

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.

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

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



//then call your function doublemarvellouscrollage();

Double Marvellous

AI Chatbot

Double Marvellous.