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

时间:2012-06-21 08:50:38

标签: jquery scrollbar

如果元素的底部有滚动条,你如何检查JQuery? html结构就是这样的

<div class="container">
 <ol class="list">
     <li class="item">Item 1</li>
     ....
 </ol>
</div>
如果ol.list下的项目超出定义的高度,<。> .container将获取滚动条。

2 个答案:

答案 0 :(得分:8)

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

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

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

我还更新了小提琴链接。

答案 1 :(得分:0)

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

$('.list').height()