Your posts match “ infinite-scroll ” tag:

div內scroll到底的偵測 ( infinite-scroll )

最近在幫認識的人處理一個東西,它的需求是有一個Container,那個Container的CSS是

#container{
  height: 300px;
  overflow: scroll;
}

一般搜尋引擎可以找到的infinite scroll通常都是針對整頁來看,抓的定位點都是$(window)或者是$(document.body)之類的height(), scrollTop(),遇到這種的需求,那些infinite scroll可能就辦不到了 (或許有套件可以用我沒找到,歡迎推薦)。

自己實際幹了一下,找了一堆資料後發現其實也挺簡單的,先取得container的scrollHeight後,拿來跟scrollTop()height()的總和比對就可以知道是否捲到底了。

所以實際上的code就是這樣

var container = $('#container');
var scrolledToBottom = function(){
  return (container.get(0).scrollHeight == (container.scrollTop() + container.height());
}

container.scroll(function(){
  if (scrolledToBottom) {
    console.log("到底了哦~");
  }
});