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

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

Ответы

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;
}

<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.
        }

}