javascript - Jquery - 检查 : If scroll possible (div with overflow:scroll)

Question

我有一个带有 css 规则的小 div

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

我如何检查 -> div 是否可以滚动(aktiv)？

A little example .

Answer 1

在您的示例中:

这个:

$(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 --> http://jsfiddle.net/5kpvT/