How To Load Data On Page Scroll Using JQuery

It's only fair to share...Share on Facebook0Share on Google+26Tweet about this on Twitter0Share on LinkedIn3Pin on Pinterest1Digg thisShare on StumbleUpon3

infinte page load

In the current world web load content while page scroll is mostly used by most of the major websites like Google, Twitter, Facebook etc. While we scroll down, the page load more and more content using Ajax request and this is called infinity scroll. In this tutorial we are going to explain you how to load data on page scroll using jQuery. To achieve this we are using jQuery plugin Infinite Ajax Scroll. In the mentioned code we will turn pagination of PHP into infinite scroll using jQuery.

Table Structure:

Database Connection and  PHP Code:

 HTML Code:

jQuery Plugin and code:

CSS Code:


Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">