滾動到頁面底部和無限滾動

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)); 

是對我有用的東西。