Hi there👋,
You don't want your UI to look like this?
Here are two steps to follow in order to hide a scrollbar in your HTML elements using Tail...
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
Great share, Derick. This really helped me 🫡
BTW, if you're using TailwindCSS v3.0 or higher, you should remove:
else you'll get this warning in terminal:
I've already updated the code based on your suggestion, Nice Catch
Thanks for sharing.
Btw
scrollbar-width: none;
didn't work for me.But using
scrollbar-width: 0;
worked.you win chatgpt4 for this problem
Thank you so much for your kind words!
thanks this help me alot
Your are welcome
Amazing Derick. You solved my problem.
Combine the author's above, global scrollbar was hidden 😁
Nice one 💯
Nice👏🎉
Thank you
Great! Thank you.
thank you!
I'm glad it helped
How should I make scrollbar visible in desktop and hidden in mobile?
I don't know but try this and let me know if it works:
in your
global.css
add this code:Now, use the scrollbar class in combination with the
lg
(large screen) prefix from Tailwind to make the scrollbar visible only on desktop:thanks boss , please how did you get this **comment **text box
Thanks this helped
Glad it helped
Awesome!!!!
Thanks mate..!
You are welcome
Thank You <3
you are welcome mate
Awesomeeee. Helped me a lot. Thanks!
Glad it helped ✅
Thanks! Super cool!
Thank you!
You re welcome mate, glad it helped!
thanks for your work it helps me a lot. thanks once again
Glad its helped!
Thank you, That worked for me
It works!!
Thankyou bro
Glad its helped!