jquery - JQuery - 如何检查滚动条是否在所有浏览器的底部

Question

如果一个元素的滚动条在底部，你如何检查 JQuery？html结构是这样的

<div class="container">
 <ol class="list">
     <li class="item">Item 1</li>
     ....
 </ol>
</div>

如果 ol.list 下的项目超过定义的高度，则 .container 会获得滚动条。

score 8 · Accepted Answer

检查容器的 scrollTop() jQuery 值是否等于 dom 元素的 scrollHeight 减去容器的高度。然后滚动条在底部。

编辑：因为在 IE7 中，如果内容更小，scrollHeight 实际上会小于高度而不是等于高度，所以即使没有滚动条，使用大于等于也可以使结果始终为真。

我还更新了小提琴链接。

score 0 · Accepted Answer

您可以使用下面提到的函数来获取容器的高度，并使用此高度与定义的高度进行比较，以了解是否有滚动条。

$('.list').height()

2 回答 2