scroll Bar

by Kiran Duggal

HTML

<div id="my_div1" style="width: 100px; height:100px; overflow:auto;" class="my_class"> 
</div>

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

CSS

div {
    border: 1px solid red;
}

JavaScript

$(document).ready(function(){
    //alert('content 1: ' + $('#my_div1').hasScrollBar());
    if(hasScrollBar()){
        alert("scrollbar");
        }else{
			alert("no scrollbar");
}    


});


    function hasScrollBar(){
       
        if($('#my_div1').get(0).scrollHeight > $('#my_div1').height()){
            return true;
        }
        else
        {
         	   return false;
       	}
        
    }