jquery无尽的滚动不起作用

时间:2014-11-09 06:14:00

标签: jquery scroll endlessscroll

我正在尝试为我的网站实现无限滚动功能,但由于某种原因它无法运行;这是我的代码

<script>
  $(document).ready(function () {
    alert("This part works");
    $(window).scroll(function () {
       if ($(window).scrollTop() == $(document).height()- $(window).height()) {
         alert("You have reached the bottom");
       }
    });
  });
</script>

第一个警报框有效,让我知道Jquery正在工作,当我滚动到底部或任何建议时,第二个警报框不起作用?

1 个答案:

答案 0 :(得分:0)

试试这个:

   $(window).scroll(function (e) {
       var elem = $(e.currentTarget);
           if (elem[0].scrollHeight - elem.scrollTop() <= elem.outerHeight()) 
           {
               alert('You have reached the bottom')
           }
    });