如何檢測何時位於可滾動div的底部？

Question

我創建了一個網站，可在您向下滾動時加載數據。 每次您點擊頁面底部時，都會加載另外100行。 我正在嘗試在div中復制它，以便無論向下滾動多遠，標題始終位於頂部。

我正在使用JQuery和scrollTop（）函數來執行此操作。

如果不是檢測div中的滾動條，而是檢測整個窗口，這是我的代碼。

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height()){
            for(i; i < size+100; i++){
                document.getElementById('myTable').innerHTML += IPAMArray[i];
            }
            size = i;

    }
});

現在我將div更改為此：

<div class = "tableDiv" id="myTableDiv" style="height:800px;width:1000px;border:1px solid #ccc; overflow: scroll;"><table id = "myTable"></table></div>

我不知道如何將這一行從“文檔”和“窗口”更改為正確的div變量：

if ($(window).scrollTop() == $(document).height() - $(window).height()){

這是我目前在那條線的位置：

if ($("div.tableDiv").scrollTop() == $(document).height() - $("div.tableDiv").height()){

我已經嘗試了很多變體，但是我完全猜到了代碼，因此可能要花很長時間。 我寧願通過其ID而不是其類來引用該div，但是我只是開始使用類引用，因為那是大多數示例在線的方式。 我也嘗試過$（document）.getElementById（'myTableDiv'）各種方式，但似乎找不到解決方案。

Answer 1

if ($("#myTableDiv").scrollTop() == $("#myTable").outherHeight() - $("#myTableDiv").height()){

1. 使用ID識別元素
2. 內部元素的高度是您所需要的（ $("#myTable").height() ）
3. jQuery的height()函數不包含doc中提到的邊框邊距和/或填充。 請改用outherHeight（） 。

要么

使標題position: fixed在CSS中