Jquery - 检查:如果可以滚动(带溢出的div:滚动)

时间:2011-09-13 07:59:23

标签: javascript jquery html scroll

我有一个css规则的小div

width: 100px; height:100px;  overflow-y: scroll; overflow-x: hidden;

我如何检查 - >如果div滚动可能(aktiv)?

A little example

1 个答案:

答案 0 :(得分:2)

在你的例子中:

这样:

$(function(){
    $('body').append('content 1: ' + $('#my_div1').hasScrollBar()+'<br />');
    $('body').append('content 2: ' + $('#my_div2').hasScrollBar()+'<br />');
    $('body').append('content 3: ' + $('#my_div2').hasScrollBar()+'<br />');
    $('body').append('content 4: ' + $('#my_div2').hasScrollBar()+' <-- must be true <br />');
});

必须是:

$(function(){
    $('body').append('content 1: ' + $('#my_div1').hasScrollBar()+'<br />');
    $('body').append('content 2: ' + $('#my_div2').hasScrollBar()+'<br />');
    $('body').append('content 3: ' + $('#my_div3').hasScrollBar()+'<br />');
    $('body').append('content 4: ' + $('#my_div4').hasScrollBar()+' <-- must be true <br />');
});

然后#my_div4的结果符合预期true。小的复制/粘贴错误。

新jsfiddle - &gt; http://jsfiddle.net/5kpvT/