如何检查是否溢出:隐藏的html类已经从查看内容使用jquery或javascript?

前端之家收集整理的这篇文章主要介绍了如何检查是否溢出:隐藏的html类已经从查看内容使用jquery或javascript?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<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>

这没有工作

解决方法

我们将内容包装在一个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/

猜你在找的HTML相关文章