Detect if the DIV have scroll bar or not
css, html, javascript, jquery
Solution
(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 from How can I check if a scrollbar is visible?
Problem
Possible Duplicate: Detecting presence of a scroll bar in a DIV using jQuery? There is markup as below, ``` <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> ``` If content have scroll bar, then it should add class to that div like "scroll-image". Height can be different for DIVs. Any jQuery solution for this.