Czy istnieje sposób, aby dowiedzieć się, czy element ma pasek przewijania na nim za pomocą JQuery?

Question

powiedzmy mam elementem jak tak

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

Czy istnieje sposób w JS lub jQuery patrzeć na $ („# myDiv”) i sprawdzić, czy ma paski przewijania?

Dzięki

Dave

Answer 1

To powinno działać

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

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

Wykorzystanie

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

EDIT:

Aby skorzystać z tej metody z niewidzialnego elementu, klonowanie div, ustawić przezroczystość 0, dołącz klona do ciała, należy sprawdzić, czy klon ma paska przewijania, a następnie usunąć klon:

Answer 2

Można zawinąć tekst w innym div, i porównać szerokość/wysokość, że jeden z #myDiv. Jeśli to jest wyższy, jest pasek przewijania:

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

Przykład:

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