JSFiddle - React, Tailwind, and code Playground

by anoopsuda

HTML

<div class="jurymyranking-tabs">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mattis massa Lorem 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mattis massa Lorem  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mattis massa Lorem  
</div>

CSS

.jurymyranking-tabs {height:100px; overflow:auto; 
    white-space: nowrap;
  }

JavaScript

var containerOuterWidth = $('.jurymyranking-tabs').innerWidth();
var containerScrollWidth = $('.jurymyranking-tabs')[0].scrollWidth;

console.log(containerOuterWidth);
console.log(containerScrollWidth);

if (containerOuterWidth < containerScrollWidth) {
 console.log("Scroll visible");
}
else{
console.log("No Scroll");
}