cómo verificar si el desbordamiento: la clase html oculta ha cortado el contenido de vista usando jquery o 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> 

esto no funciona

Answer 1

Nos envolvemos el contenido en un div para que podamos tener una altura de ella y compara a la altura .scrollable (que no es desplazable ..)

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

demostración http://jsfiddle.net/gaby/ApZP2/

Answer 2

uso de JavaScript y si tiene div Identificación continuación

<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 ("desplazable");