Detect, если DIV есть полоса прокрутки, или не

Question

Можно создать дубликат:
Detecting presence of a scroll bar in a DIV using jQuery?

Существует разметки, как показано ниже,

<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> 

Если содержимое имеет полосу прокрутки, а затем он должен добавить класс к этому div, как «scroll-image».

Высота может отличаться для DIV. Любое решение jQuery для этого.

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.. 

Взятые из 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 

Источник: How can I check if a scrollbar is visible?

Answer 3

Как esailija сказал, дубликат: Detecting presence of a scroll bar in a DIV using jQuery?

Решение было следующее

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

Вам нужно сравнить scrollHeight с height элемента, как это:

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