如何检查是否溢出:隐藏的html类已经使用jquery或javascript从视图内容中删除了？

Question

<div class="scrollable" style="overflow: hidden"> </div>

$(function() {
    if($(".scrollable").hasElementsInsideItThatAreCutOffByOverflowHidden == false){
    $(".scrollable").scrollable({ vertical: true, mousewheel: true });
    }   
}


<a onClick="isHidingMyStuff"> check if your stuff is hidden <a>

这不起作用

Answer 1

我们将内容包装在一个div中,这样我们就可以从中获得一个高度并与.scrollable高度进行比较(不可滚动..)

function isHidingMyStuff(){
    var $s = $('.scrollable');

    $s.wrapInner('<div />'); // wrap inner contents
    var hidden = $s.height() < $s.children('div').height();

    $s.children('div').replaceWith( $s.children('div').html() ); //unwrap

    return hidden;
}

演示http://jsfiddle.net/gaby/ApZP2/