ページの下にスクロールして無制限のスクロール

Question

無制限のスクロールで動作するWebページを作成しようとしています。さて問題は、それが今動作していないよう：

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

私はとにかく、私が間違って何をやっている（？右）それは、本質的にjavascriptのだにもかかわらず、jqueryのには本当に新しいですか？私も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

少なくとも1つのエラーがあります。試してみてください：

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

は私のために働くものです。