滚动到页面底部和无限滚动

Question

我正在尝试制作无限滚动的网页。现在的问题是，它似乎并没有现在的工作：

window.scroll(function() { 
    alert('Scrolling'); 
    if ($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight()) { 
      alert('Reached the bottom'); 
    } 
    }); 

我真的很新的jQuery的，即使它的基本的JavaScript（？右）反正，我究竟做错了什么？我也试过document.scroll和document.body.scroll

Answer 1

试试这个：

if ($(this).scrollTop() == $(document).height() - $(window).height()) { 
      alert('Reached the bottom'); 
    } 

我jsfiddle'd它和它的作品：http://jsfiddle.net/wcKVK/1/

Answer 2

你至少有一个错误。尝试：

$(window).scroll(function() { 
    alert('Scrolling'); 
    if ($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight()) { 
      alert('Reached the bottom'); 
    } 
    }); 

Answer 3

我觉得这是你想达到什么目的：

$(window).scroll(function() { 
    if ($('body').scrollTop() + $(window).height() == $('body').outerHeight()) { 
    alert('Reached the bottom'); 
    } 
}); 

Answer 4

(function ($) { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() == $(document).height() - $(window).height()) { 
      alert('bottom'); 
     } 
    }); 
}(jQuery)); 

是对我有用的东西。