Existe-t-il un moyen de savoir si un élément possède une barre de défilement utilisant JQuery?

Question

Disons que j'ai un élément comme si

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

est-il un moyen de JS ou Jquery regarder $ (« # myDiv ») et voir si elle a des barres de défilement?

Merci

Dave

Answer 1

Cela devrait fonctionner

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

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

Utilisation

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

EDIT:

Pour utiliser cette méthode avec invisible élément, clone la div, définissez son opacité à 0, ajoutez le clone au corps, vérifier si le clone a la barre de défilement, puis retirez la clone: ​​

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

Answer 2

Vous pouvez envelopper le texte dans un autre div, et comparer la largeur/hauteur de celui-là avec #myDiv. S'il est plus grand, il y a une barre de défilement:

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

Exemple:

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