JSFiddle - React, Tailwind, and code Playground

by Shashank Shekhar

HTML

<div class="scroll-hide">
    <ul>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
      <li>Some Value</li>
    </ul>
  </div>

CSS

.scroll-hide ul {
  max-height: 100px;
  max-width: 200px;
  border: 2px solid #f3f3f3;
  padding-left: 16px;
  overflow: auto;
  /* this will hide the scrollbar in mozilla based browsers */
  overflow: -moz-scrollbars-none;
  /* this will hide the scrollbar in internet explorers */
  -ms-overflow-style: none;
}

.scroll-hide ul::-webkit-scrollbar { 
  width: 0 !important;
  display: none; 
}