ブラウザのスクロールバー(垂直)を使用して、特定のdivのコンテンツが一番下までスクロールされているかどうかを確認し、アラートを発行したいと思います。divのすべてのコンテンツが下にスクロールされているかどうかを確認し、それに新しいコンテンツを追加する必要があります。
それを行う方法についての提案はありますか?
編集:オーバーフローは設定されていません。ブラウザウィンドウをスクロールして、divの内容の終わりを知る必要があります。
ブラウザのスクロールバー(垂直)を使用して、特定のdivのコンテンツが一番下までスクロールされているかどうかを確認し、アラートを発行したいと思います。divのすべてのコンテンツが下にスクロールされているかどうかを確認し、それに新しいコンテンツを追加する必要があります。
それを行う方法についての提案はありますか?
編集:オーバーフローは設定されていません。ブラウザウィンドウをスクロールして、divの内容の終わりを知る必要があります。
使用できるプロパティ/メソッドがいくつかあります。
$().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');
}
})
}
);
次のようなことができます。
function IsScrolledToBottom(divID) {
returnVal = false;
obj = document.getElementById(divID);
if ( obj.scrollTop == (obj.scrollHeight - obj.offsetHeight) ) {
returnVal = true;
}
return returnVal;
}
div 要素でこの関数を呼び出すだけで、一番下までスクロールされた場合に true が返されます。
お役に立てれば。