Có cách nào để tìm hiểu xem một phần tử có một thanh cuộn trên đó bằng JQuery không?

Question

Hãy nói rằng tôi có một yếu tố như vậy

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

Có cách nào trong JS hoặc Jquery nhìn vào $ ("# myDiv") và xem nếu nó có thanh cuộn?

Cảm ơn

Dave

Answer 1

này nên làm việc

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

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

Cách sử dụng

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

EDIT:

Để sử dụng phương pháp này với yếu tố vô hình, clone div, thiết lập Opacity của nó đến 0, thêm clone cho cơ thể, kiểm tra xem bản sao có thanh cuộn và sau đó loại bỏ các clone: ​​

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

Answer 2

Bạn có thể quấn văn bản trong div khác, và so sánh chiều rộng/chiều cao của một rằng với #myDiv. Nếu đó là cao, có một thanh cuộn:

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

Ví dụ:

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