After I made responsive using vanilla CSS, I am getting scroll bar in the bottom, how to get rid of this? Does Tailwind CSS provides a better solution to it?
Asked
Active
Viewed 716 times
-1
-
If you have a scrollbar, then you either explicitly coded it in or you having an overflow issue. To hide a scrollbar but not disabeling the scrolling feature you should give the scrollbar a `width/height` of `0/none`. – tacoshy May 07 '22 at 20:22
-
Does this answer your question? [Hiding the scroll bar on an HTML page](https://stackoverflow.com/questions/3296644/hiding-the-scroll-bar-on-an-html-page) – tacoshy May 07 '22 at 20:25
1 Answers
-2
You can hide scrollbars on HTML elements using css rule overflow: hidden
. Browsers show a scrollbar by default if the contents of an element overflow the parent element's size. The equivalent Tailwind class is overflow-hidden

timhpb
- 320
- 2
- 4
-
it does not just hide the scrollbar but disable the entire scrolling feature. – tacoshy May 07 '22 at 20:21
-
You will not able to see the entire page in `x & y direction` with the class mentioned in the answer. – MagnusEffect May 08 '22 at 09:56