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.
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/