Jquery - 检查：是否可以滚动（带有溢出的 div：滚动）

Question

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

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

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

一个小例子。

Answer 1

在您的示例中：

this:

$(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/