C'è un modo per scoprire se un elemento ha una barra di scorrimento su di esso usando JQuery?

Question

Let dire che ho un elemento in questo modo

<div id="myDiv" style="height:10px; width:100px; overflow:scroll;"> 
    random amount of lorem ipsum... 
</div> 

C'è un modo in JS o Jquery da guardare $ ("# myDiv") e vedere se ha le barre di scorrimento?

Grazie

Dave

Answer 1

questo dovrebbe funzionare

$.fn.hasVerticalScrollBar = function() { 
    return this[0].clientHeight < this[0].scrollHeight; 
} 

$.fn.hasHorizontalScrollBar = function() { 
    return this[0].clientWidth < this[0].scrollWidth; 
} 

Uso

alert($('#mydivid').hasHorizontalScrollBar()); 
alert($('#mydivid').hasVerticalScrollBar()); 

EDIT:

Per utilizzare questo metodo con invisibile elemento, clonare il div, impostare l'opacità a 0, aggiungere il clone al corpo, controllare se il clone ha la barra di scorrimento e quindi rimuovere la clone: ​​

var clone = $('#mydivid').clone(); 
clone.css('opacity', '0').appendTo('body'); 
if (clone.hasHorizontalScrollBar()) { 
    //do the job here 
} 
clone.remove(); 

Answer 2

Si potrebbe avvolgere il testo in un altro div, e confrontare la larghezza/altezza di quello con #myDiv. Se è più alta, v'è una barra di scorrimento:

<div id="myDiv" style="..."> 
    <div id="inner">random amount of lorem ipsum...</div> 
</div> 

Esempio:

if($('#inner').height() > $('#myDiv').height()){ 
    alert('vertical scrollbar'); 
} 

if($('#inner').width() > $('#myDiv').width()){ 
    alert('horizontal scrollbar'); 
} 

Answer 3

http://thinkdrastic.tumblr.com/post/870842095/geeky-stuff-using-jquery-to-check-if-scrollbars-are