jQuery : how to determine that a div is scrolled down

Question

我有一个具有定义高度的 div，并且 overflow:scroll; 。它的内容太长，因此出现滚动条。

现在是发痒的部分。它的一些内部 HTML 总是奇怪地出现(准确地说，是 tableFilter 插件生成的表格的页脚)。我想让这个页脚在不需要时消失(它实际上出现在包含 <div> 的边框之外)。我决定让它消失，但将其设置为 z-index至-1000 。但我想让它在包含 <div> 时出现完全向下滚动。

我如何知道用户已经滚动到底部？

<小时/>

使用下面答案的帮助，我使用了 scrollTop属性但 scrollTop 之间的区别和innerHeight是滚动条的大小加上一些未识别的增量。 Windows 下的大多数浏览器中滚动条的高度为 16 像素，但我在 Firefox 中得到了 17 的差异，在 IE 中得到了 20 左右的差异，其中我的 <div>内容的边框似乎变大了。

已经给出了一种计算滚动条大小的方法(实际上是两种方法...)there .

Answer 1

您需要将div高度与scrollTop位置和元素高度进行比较。

$(div).scroll(function(){ 
  if(isScrollBottom()){ 
    //scroll is at the bottom 
    //do something... 
  } 
}); 

function isScrollBottom() { 
  var elementHeight = $(element).height(); 
  var scrollPosition = $(div).height() + $(div).scrollTop(); 
  return (elementHeight == scrollPosition); 
}