如何检查滚动条是否可见?

是否可以检查div的溢出:auto

例如:

HTML

<div id=“my\u div”style=“宽度:100px;高度:100px;溢出:自动;“class=”my\u class“>
*内容
&lt/部门>

JQUERY

$('.my_class').live('hover',函数(事件)
{
如果(event.type=='mouseenter')
{
如果(…如果滚动条可见?…)
{
警报('true'):
}
其他的
{
警报('false'):
}
}
});

内容有时短(无滚动条),有时长(滚动条可见)

一个小插件

(函数($){
$.fn.hasScrollBar=函数(){
返回this.get(0).scrollHeight>this.height();
}
})(jQuery);

这样用,

$('my#u div1')。hasScrollBar();//如果存在“垂直”滚动条,则返回true,否则返回false。。

在Firefox、Chrome、IE6、7、8上测试

但在主体上工作不正常标记选择器

演示


编辑

我发现,当你有水平滚动条,导致垂直滚动条出现,这个功能不工作

我找到了另一个解决方案。。。使用clientHeight

返回此.get(0).scrollHeight>this.get(0.clientHeight);

发表评论