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

Question

如何在 JQuery 中检查元素的滚动条是否位于底部？ html结构是这样的

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

.container 是当 ol.list 下的项目超过定义的高度时获得滚动条的容器。

Answer 1

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

http://jsfiddle.net/KxZDK/2/

编辑:因为在 IE7 中，如果内容较小，scrollHeight 实际上会小于高度而不是等于高度，因此使用大于等于使结果始终为 true，即使没有滚动条也是如此。

我还更新了 fiddle 链接。