Gibt es eine Möglichkeit herauszufinden, ob ein Element eine Bildlaufleiste mit JQuery enthält?

Question

Lassen Sie sagen, ich habe ein Element wie so

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

Gibt es eine Möglichkeit in JS oder JQuery bei $ („# myDiv“) und sehen, zu suchen, wenn es Scrollbalken hat?

Dank

Dave

Answer 1

Dies sollte

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

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

Nutzungs

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

arbeiten

EDIT:

Um diese Methode mit unsichtbaren Element zu verwenden, das div klonen, setzen Sie die Deckkraft auf 0, den Klon an den Körper anzuhängen, prüfen, ob der Klon die Bildlaufleiste hat und entfernen Sie dann die Klon:

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

Answer 2

Sie den Text in einem anderen div wickeln konnte, und vergleichen Sie die Breite/Höhe des einen mit #myDiv. Wenn es größer ist, gibt es eine Scrollbar:

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

Beispiel:

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