0

このチュートリアルと同じようにページネーションのスクロールをしようとしてい ます。

 if ($(window).scrollTop() == $(document).height() - $(window).height()) {

機能していません。何のアクションも示していません。だから私は検索して1つの解決策を見つけました:

 if($(window).scrollTop() + $(window).height() >= $("#productlist").height()) {

注: #productlist は、私のコンテナー div の ID です。

しかし、これを行うと、マウスをスクロールするたびに、ページに常にデータが追加されます。私が欲しいのは、FacebookやTwitterのページングの読み込みのように、スクロールバーがページの一番下にあるときにのみ新しいコンテンツを読み込むことです.

どうすればその問題に対処できますか？

ありがとう。

4

2 に答える 2

4 
 $('#yourcontainerId').bind('scroll', function(){

  if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)  {
    alert('this will alert only when it reaches the end');
  }
});
于 2012-06-25T07:42:37.160 に答える
0

これはウィンドウ内のテーブル/divで機能します

elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()

var elem = $('#box');
if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
  // We're at the bottom.
}

詳細：http ：//www.yelotofu.com/2008/10/jquery-how-to-tell-if-youre-scroll-to-bottom/

于 2012-11-07T16:44:18.783 に答える