Javascript Load more on scroll

Question

I have 30 div rows blocks in a page. Firstly I want to show only 5 rows and when user scrolls to 5th row then start loading next 10 rows. Repeat same till the end of the content. In case of delay in content loading then show "Loading more products.... ".

Answer 1

This is called "lazy load". You can search for it to see how you can implement it to your project.

Here one jQuery plugin for such as things

http://www.appelsiini.net/projects/lazyload