Umesh Sehta
Umesh Sehta

Reputation: 10659

Jquery check if any parent div have scroll bar

I want to check if any parent div have scroll bar in jQuery but I can't find any good example. Here is my code:-

  <div>
     <div class="heading">
        <div class="visitor_profile">
            <div class="visitor_input_con">
            </div>
        </div>
    </div>
</div>

I want to check if any parent of .visitor_input_con has scroll bar here is my jquery code:-

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

$('.visitor_input_con').hasScrollBar();

Please help me to solve this issue. Thanks

Upvotes: 6

Views: 2336

Answers (1)

A. Wolff
A. Wolff

Reputation: 74410

you could filter out parents, e.g:

if($('.visitor_input_con').parents().filter(function(){
    return $(this).hasScrollBar();
}).length)

Upvotes: 8

Related Questions