Lazy loading content on scroll

1. What is lazy load by scroll?
2. Is lazy loading the same as infinite scroll?
3. How to progressively load content on scroll using jQuery?

What is lazy load by scroll?

Lazy loading means the request for the resource or records will be made only when they are demanded. In case of Infnite Scrolling ,the request for the next set of records will be made only when scroll bar reaches bottom of th grid and fires request to load the next set of records.

Is lazy loading the same as infinite scroll?

What's the difference between Infinite Scroll and Lazy Loading? Infinite Scroll loads the entire resources of the next page as soon as the user nears the page end, thereby removing the need to click to reach the next page. Lazy Loading requests just the necessary resources only when they are demanded.

How to progressively load content on scroll using jQuery?

This can be done using the below given code. jQuery(window). scroll(function() // get the bottom position var bottom_position = $(document). height() - ($(window).