Development
• 5 min read

No Scrollbar in CSS

The example below shows a simple Tailwind .css file but you can just extract the no-scrollbar style for any other css framework.

           @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 
 @layer utilities {
     .no-scrollbar {
         scrollbar-width: none;
     }
     .no-scrollbar::-webkit-scrollbar {
         width: 0px;
         background: transparent;
         /* display: none; */
     }
 }

Usage

           <div class="overflow-y-auto no-scrollbar">
 </div>
Back to Posts
View on GitHub