javascript - 如何检查滚动条是否在底部

Question

如何检查滚动条是否位于底部？使用 JQuery 或 JavaScript

Answer 1

您找到滚动容器的高度，然后将其与滚动位置进行比较。如果它们相同，那么您已经到达底部。

<div style="overflow: auto; height: 500px">
</div>

$(document).ready(function()
{
   $('div').scroll(function()
   {
      var div = $(this);
      if (div.height() == div.scrollTop() + 1) //scrollTop is 0 based
      {
          alert('Reached the bottom!");
      }
   });
});

编辑:在 js fiddle 中进行了一些测试，我意识到以前的版本不正确。 您可以使用 DOM 属性来找出有多少滚动，并像这样对元素的高度进行一些数学计算

      var div = $(this);
      if (div[0].scrollHeight - div.scrollTop() == div.height())
      {
          alert('Reached the bottom!');
      }

http://jsfiddle.net/Aet2x/1/