How to use infinite scroll pattern for single big data which will be fetching from DB
<p>very easily we can detect when user scroll and then we can load next data into div something like below.</p>

<pre><code>$( "body").scroll( function() { 
if (document.elementFromPoint(x,y) == $("#whatever")) { 
  $( "#myDiv").load( "test.html");
}
</code></pre>

<p>}</p>

<p>my now my scenario is different. i will show single data in page which is itself a big.
when i am showing single data from my db then user has to scroll a lot because my single data cover 3-4 pages. so if user need to read whole data then he has to scroll 3-4 pages and need many scroll. so is there any way that i can show partial of a huge data in a page and when user scroll then i will load again partial data into page and in this way i can load data the way user scroll down. please looking for suggestion.</p>
