加載更多的數據 - scrollTop的功能不工作

我試圖加載的頁面滾動的數據，爲此我試圖運行下面的功能加載更多的數據 - scrollTop的功能不工作

$(window).scroll(function() 
    { 
     if($(document).height() <= $(window).scrollTop() + $(window).height()) 
     { 
     alert("done") 
     } 
});

的問題，按我的頁面設置我已經做了身體溢出：隱藏並使容器可滾動，上面的代碼在這種情況下不起作用，但是當我啓用身體滾動然後它的工作正常，任何人都可以請建議如何處理這個？

這裏是JSFiddle demo

來源

2016-11-16 Sanjeev Kumar

您可以用'$嘗試（「.scroller」）。scroll（function（）''而不是'$（window）.scroll（function（）' – vijayP

我試過這個已經但沒有運氣 –

看到這個更新的fidd樂：https://jsfiddle.net/n0rramke/3/ – vijayP

您需要檢查與scroller類，而不是window爲滾動位置的元素。

$('.scroller').scroll(function() 
    { 
     if($('.scroller').scrollTop() >= ($('.scroller')[0].scrollHeight - $(window).height())) 
     { 
     alert("load more data") 
     } 
});

JS小提琴：https://jsfiddle.net/n0rramke/5/

來源

2016-11-16 11:27:07

感謝您的答案，但不幸的是不工作:( –

@SanjeevK我已經更新了我的答案，以滿足您的需求 –

謝謝，嘗試但更新的代碼，但沒有成功 –

這應該工作（如果我正確地理解你的問題）：

if ($(".scroller").height() <= $(".scroller").scrollTop()) { 
    alert("load more data") 
}

小提琴：https://jsfiddle.net/rhbmxssv/ ...

來源

2016-11-16 11:31:35 MarcoS

感謝您的答案，但它不工作，我我試圖做的是，假設我的屏幕高度爲900像素，那麼當我滾動到900像素以下時，警報應該會觸發。 –

加載更多的數據 - scrollTop的功能不工作

回答

相關問題