如何计算在Chrome上结束DIV卷轴

Question

我有一个DIV标签，高度为100像素，溢出Y设置为自动。我编写了一些jQuery代码，以检查滚动是否已经到达底部。我正在将其用于我正在进行的无效滚动项目。

这对于Firefox来说似乎很好，但对Chrome效果不佳。有人可能知道为什么它不适用于Chrome？

以下是我的代码。

<script>
$( "#scroll" ).scroll(function() {
    var content = $(this).scrollTop() + $(this).innerHeight();
    if (content == $(this)[0].scrollHeight) {
        // $( "span" ).css( "display", "inline" ).fadeOut( "slow" );
        console.log("reach end");
    }
});

</script>

        <style>
        #scroll{
  max-height: 100px;
  overflow-y: auto;
  width: 647px;
  margin: auto;
        }
    </style>

<div id='scroll'>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
</div>

Answer 1

查看值chrome给出的高度，它只能达到（在此示例中）401.81817626953125当您想要的值为402时，请确保您汇总。

var content = Math.ceil($(this).scrollTop() + $(this).innerHeight());

以防万一值较高，我还将将此线更改为大于或等于

if (content >= $(this)[0].scrollHeight) {