How to create an Infinite Scroll using jQuery? -

$( "body").scroll( function() {    $( "#mydiv").load( "test.html"); }); 

with syntax can load content div when user scrolls. before inserting div want make sure div in viewport area when user scrolls down.

if yes load external content div. please me achieve goal.

  $( "body").scroll( function() {      if (document.elementfrompoint(x,y) == $("#whatever")) {        $( "#mydiv").load( "test.html");     }   }