HasScrollBar

by Venkatesh Dematti

HTML

<div class="container">
  <ul class="ul">
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
    <li>aksdaksh</li>
  </ul>
</div>

CSS

.container{
  border:1px solid;
  width:100%;
  overflow:auto;
}
ul{
  /* width:400px; */
  display:flex;
}
ul li{
  display:inline;
}

JavaScript

var div = document.querySelector('.container');

var hasHorizontalScrollbar = div.scrollWidth > div.clientWidth;

if(hasHorizontalScrollbar){
alert('yes');
}else{
alert('no');
}