Keeping Track Of Page Number On Scroll Event

I have a web page which will be loaded with the contents of page one on load. Once the user scrolls the page I'm loading the contents of remaining pages using ajax call. What went

Solution 1:

Try This one in Example

Require Some Modification because also count UP Scrolling

HTML

  <div>Try scrolling the iframe.</div>
  <p>Paragraph - <span>Scroll happened!</span></p>

JS

  $( "p" ).clone().appendTo( document.body );
  $( "p" ).clone().appendTo( document.body );
  $( "p" ).clone().appendTo( document.body );
  $( "p" ).clone().appendTo( document.body );
  $( "p" ).clone().appendTo( document.body );
  var pag=0; 
  $( window ).scroll(function() {
  pag+=1;
  $( "span" ).css( "display", "inline").append(pag); 
  });