Detect nếu DIV đã di chuyển thanh hay không

Question

thể trùng lặp:
Detecting presence of a scroll bar in a DIV using jQuery?

Có đánh dấu như dưới đây,

<div class="content">Lorem</div> 
<div class="content">Lorem Iorem Lorem Iorem Lorem Iorem Lorem Iorem Lorem IoremLorem Iorem Lorem Iorem Lorem Iorem</div> 
<div class="content">Lorem</div> 
<div class="content">Lorem</div> 

Nếu nội dung có thanh cuộn, sau đó nó sẽ thêm lớp vào div đó như "scroll-image".

Chiều cao có thể khác nhau đối với DIV. Bất kỳ giải pháp jQuery cho việc này.

Answer 1

(function($) { 
    $.fn.hasScrollBar = function() { 
     return this.get(0).scrollHeight > this.height(); 
    } 
})(jQuery); 

$('#my_div1').hasScrollBar(); // returns true if there's a `vertical` scrollbar, false otherwise.. 

Taken từ How can I check if a scrollbar is visible?

Answer 2

(function($) { 
$.fn.hasScrollBar = function() { 
    return this.get(0).scrollHeight > this.height(); 
} 
})(jQuery); 

$('div').hasScrollBar(); //return true if it has one 

Nguồn: How can I check if a scrollbar is visible?

Answer 3

Như esailija nói, bản sao của: Detecting presence of a scroll bar in a DIV using jQuery?

Giải pháp là có những điều sau

var div= document.getElementById('something'); // need real DOM Node, not jQuery wrapper 
var hasVerticalScrollbar= div.scrollHeight>div.clientHeight; 
var hasHorizontalScrollbar= div.scrollWidth>div.clientWidth; 

Answer 4

Bạn cần phải so sánh với scrollHeightheight của phần tử như thế này:

$('.content').each(function(){ 
    if ($(this)[0].scrollHeight > $(this).height()) { 
    $(this).addClass('scroll-image'); 
    } 
});