Как проверить, переполнение: скрытый 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>

это не работает

Ответ 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;
}

demo http://jsfiddle.net/gaby/ApZP2/

Ответ 2

Используя javascript, и если div имеет id, то

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


function check_string_is_hidden_due_to_overflow(div_id) {
        var s_h = document.getElementById(div_id).scrollHeight;
        var c_h = document.getElementById(div_id).clientHeight;
        if(s_h != c_h) {
            return true; // Means some content is hidden due to overflow hidden
        } else {
            return false; // Whole content is displayed.
        }

}

check_string_is_hidden_due_to_overflow ( "прокрутка" );