JSFiddle - React, Tailwind, and code Playground

by Petr Haluza

HTML

<div id="my_div1" style="width: 100px; height:100px; overflow:auto;" class="my_class"> 
  * svislý scroller
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

<div id="my_div2" style="width: 100px; height:100px; overflow:auto;" class="my_class"> 
  * vodorovný 2gfdsgdfgsdfgdfgdsfg
</div>

CSS

div {
    border: 1px solid red;
}

JavaScript

$(function(){
    alert('content 1: ' + $('#my_div1').hasScrollBar());
    alert('content 2: ' + $('#my_div2').hasScrollBar());
});

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