1

ブラウザのスクロールバー(垂直)を使用して、特定のdivのコンテンツが一番下までスクロールされているかどうかを確認し、アラートを発行したいと思います。divのすべてのコンテンツが下にスクロールされているかどうかを確認し、それに新しいコンテンツを追加する必要があります。

それを行う方法についての提案はありますか?

編集:オーバーフローは設定されていません。ブラウザウィンドウをスクロールして、divの内容の終わりを知る必要があります。

4

2 に答える 2

1

使用できるプロパティ/メソッドがいくつかあります。

$().scrollTop()//how much has been scrolled
$().innerHeight()// inner height of the element
DOMElement.scrollHeight//height of the content of the element

だからあなたはこのようにそれを得ることができます

jQuery(
  function($)
  {
    $('#YourDivId').bind('scroll', function()
                              {
                                if($(this).scrollTop() + 
                                   $(this).innerHeight()
                                   >= $(this)[0].scrollHeight)
                                {
                                  alert('end reached');
                                }
    })
  }
);
于 2012-09-06T06:25:28.987 に答える
0

次のようなことができます。

function IsScrolledToBottom(divID) {
  returnVal = false;

  obj = document.getElementById(divID);

  if ( obj.scrollTop == (obj.scrollHeight - obj.offsetHeight) ) {
    returnVal = true;
  }
  return returnVal;
}

div 要素でこの関数を呼び出すだけで、一番下までスクロールされた場合に true が返されます。

お役に立てれば。

于 2012-09-06T06:28:32.937 に答える