我只想在滚动功能上使用简单的加载数据（div）

Question

我一直在寻找页面底部之前滚动的简单加载数据。

我正在寻找一个就像在他们的主页上实施的反击点电视一样。

我找到一个http://jsfiddle.net/YM5dp/270/

 function loadMore()
{
   console.log("More loaded");
    $("body").append(".div");
   $(window).bind('scroll', bindScroll);
 }

 function bindScroll(){
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       $(window).unbind('scroll');
       loadMore();
   }
}

$(window).scroll(bindScroll);

但我似乎无法在我的网站上实现它 我不知道为什么我的div没有被触发。

我的主页连续加载所有div。 http://img.studio-heads.net/

Answer 1

试试这个：

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

Answer 2

我看到了你的页面。我猜你在加载jquery库之前调用了一个jquery函数。请在脚本调用之前添加jquery库。

  Uncaught ReferenceError: $ is not defined 

表示$ isnt已初始化，因此未加载jquery。