How to achieve the content load on scroll [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist

Closed 8 years ago.

Improve this 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/

Answer 1

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/

Answer 2

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/