只有當我通過滾動到達div的底部時,我才需要在div內加載數據。從服務器加載數據,同時滾動Div到底部
我們面臨的問題是$('div')。scrollHeight()和$('div')。scrollTop()值到達底部時不相同,所以我無法確定滾動到達底部或不。
如何識別div捲到底部附近(或可能是底部減去一定長度)?
請諮詢......
注:基本上我試圖做同樣喜歡Facebook的股票。
問候, 納文
只有當我通過滾動到達div的底部時,我才需要在div內加載數據。從服務器加載數據,同時滾動Div到底部
我們面臨的問題是$('div')。scrollHeight()和$('div')。scrollTop()值到達底部時不相同,所以我無法確定滾動到達底部或不。
如何識別div捲到底部附近(或可能是底部減去一定長度)?
請諮詢......
注:基本上我試圖做同樣喜歡Facebook的股票。
問候, 納文
網絡上有很多卷軸樣本,下面的代碼是從this one。
...
if(container.scrollTop+container.clientHeight == container.scrollHeight){
startRow = parseInt(startRow) + 10;
getData();
}
...
希望有幫助。
繼承人的jsfiddle scroll它使用scrollTop的+ clientHeight來比較scrollHeight屬性。看看它是否適合你,在Mootools中很抱歉,但它非常簡單。
function HandleScroll()
{
var el = $("outer");
if((el.scrollTop + el.clientHeight) >= el.scrollHeight)
{
el.setStyles({ "background-color": "red"});
}
else
{
el.setStyles({ "background-color": "white"});
}
}
我建議您獲取文檔高度,並將該高度用作頁面頂部到底部之間的長度。所以:
var bottom = $(document).height() // == the bottom of your page
你可以減去與底部距離,你的願望。
If((el.scrollTop() + el.outherHeight) >= (bottom - 200)){
// fetch new data
// Don't forget to upate the bottom variable when data fetched and renderd
}
希望這可以解決您的問題,或者至少幫助您找到解決方案。如果沒有,請讓我知道