jquery - 如何使用 jQuery 创建无限滚动？

Question

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

使用此语法，我们可以在用户滚动时将内容加载到 div 中。但在插入 div 之前，我想确保当用户向下滚动时 div 位于视口(viewport)区域中。

如果是，那么我想将外部内容加载到该 div 中。请帮助我实现我的目标。

Answer 1

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