如何检测何时位于可滚动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中