jquery - load page content and make it fancy as you scroll

Joined
12 Feb 2006
Posts
17,415
Location
Surrey
i've seen this on websites where as you scroll down the page, the content appears to fly in from the sides and makes it look fancy, but also, i assume it's not loading the content until that point, helping with loading times.

i'm struggling to find a good example of this online that i can use. i wondered if anyone here has something they can recommend?
 
As said above they do employ CSS animation but the Javascript controls the change of this when the element appears in the view, CSS alone cannot do this.
There are quite a few different types of Jquery libraries, they are called Animate on Screen.
In most cases the element has been loaded but just has visibility:0, I'd suspect that this won't effect load time at all.
Some of them might employ a lazy loading for images which could be handy but you wouldn't want to hide the content of your page anyway as Search Engine bots would not crawl your content if you cared about your rankings.

However the two I used to use (before I personally decided it was tacky) were.

AOS.js
or
Wow.js

My only suggestion is to use it sparingly and turn it off on mobile as its not fast enough to keep up with mobile scrolling.
 
Last edited:
Back
Top Bottom