寻找类似于jquery.inview的脚本，允许在用户滚动时加载div

Question

我一直在不知疲倦地寻找一个脚本，当用户向下滚动页面时，会加载内容。

我有一个页面，其中有多个图像跨越页面，并希望使用此脚本来加快初始页面加载速度。页面上的内容是静态的，所以我希望在滚动页面时将内容附加到页面上。

非常感谢任何帮助！

由于

Answer 1

您不需要插件。使用jQuery，你可以做到

$(window).scroll(function () { 
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
      //Add something at the end of the page
   }
});

检查http://jsfiddle.net/6hPHn/2/

处的工作示例

Answer 2

根据您要加载的确切内容以及何时加载，Waypoints可能是潜在解决方案的一部分。

Answer 3

这个库添加了一个要绑定的inview事件，因此它非常易于阅读和维护。 https://github.com/protonet/jquery.inview我也使用了Waypoints，但我觉得这更容易上手。

$("#divId").on("inview" fn);

$("#loadMeLater").on("inview",function(){
  // Remove event handler after the element has been viewed
  $(this).off("inview");
  // Change something on screen after a short timer
  setTimeout(inViewHandler,'200');
});