How to achieve the content load on scroll

Question

Am wondering on how i can achieve this "fading" effect when the content (on-scroll) loads. I have seen this on multiple websites yet couldn't find a specific tutorial on this specific topic.

Demo: http://demo.lollum.com/suburbs/

I only know how to achieve enlightenment, does that help ? – adeneo Jul 16 '13 at 21:27 — adeneo, Jul 16 '13 at 21:27

score 1 · Accepted Answer · answered Jul 16 '13 at 21:41

The technique is called "lazy loading" + some fade-in animation. On the web it is commonly applied to images. The website in question is a WordPress website. WordPress has a bunch of lazy-loading plugins, like http://wordpress.org/plugins/bj-lazy-load/

score 0 · Answer 2 · answered Jul 16 '13 at 21:27

0

You sound like you may want to check out a Parallax Scrolling Plugin ... here is a quick list I found from googling http://medleyweb.com/web-dev/15-useful-jquery-parallax-plugins-and-tutorials/

answered Jul 16 '13 at 21:27

Banning

2,279
2
16
20

Nope, the OP sounds like someone who has made no effort in figuring anything out at all. – adeneo Jul 16 '13 at 21:28
@adeneo Well maybe he has never heard of "Parallax Scrolling" before... who know lol but I think that should set him on the right track. – Banning Jul 16 '13 at 21:36
@adeneo I am sorry but what you're saying seems so stupid to me, i have only asked for a link or a name, which i already got from Vital in a previous answer. – George Jul 16 '13 at 21:57
1

@Banning, thanks for the link but it is not Parallax which i am aware of, apparently it's Lazy Loading, thanks anyway. – George Jul 16 '13 at 21:57

How to achieve the content load on scroll

2 Answers2