Skip to content

DEV Community

How to hide scrollbar on your element in Tailwind

Derick Zihalirwa on June 03, 2022

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...

Read full post

Collins Edim • Nov 24 '23 • Edited

Great share, Derick. This really helped me 🫡

BTW, if you're using TailwindCSS v3.0 or higher, you should remove:

@variants responsive {
}

else you'll get this warning in terminal:

warn - The `@variants` directive has been deprecated in Tailwind CSS v3.0.
warn - Use `@layer utilities` or `@layer components` instead.
warn - https://tailwindcss.com/docs/upgrade-guide#replace-variants-with-layer

Derick Zihalirwa • Dec 8 '23

I've already updated the code based on your suggestion, Nice Catch

胡永 • Nov 1 '23

you win chatgpt4 for this problem

Derick Zihalirwa • Nov 14 '23 • Edited

Thank you so much for your kind words!

Francois18 • Jun 3 '22

Nice👏🎉

Derick Zihalirwa • Jun 3 '22

Thank you

Abdirisakhd • Jan 18 '23

thanks this help me alot

Derick Zihalirwa • Jan 18 '23

Your are welcome

Adam • Nov 24 '23

thank you!

Derick Zihalirwa • Dec 8 '23 • Edited

I'm glad it helped

Zeeshan Safdar • Feb 25

Amazing Derick. You solved my problem.

Amsale Gebrehana • Mar 16

Great! Thank you.

paras231 • Sep 11 '23

Thanks this helped

Derick Zihalirwa • Oct 7 '23

Glad it helped

Alex Shalda • Mar 28

Awesome!!!!

Visweswar • Apr 9

Thanks mate..!

Mosi • Feb 16 '23

Thank You <3

Derick Zihalirwa • Jul 24 '23

you are welcome mate

Rifky Manuel Satyana • Jul 31 '23

Awesomeeee. Helped me a lot. Thanks!

Derick Zihalirwa • Aug 13 '23

Glad it helped ✅

Hector Esquerdo Valverde • Sep 14 '23

Thanks! Super cool!

Mustafa DEDE • Mar 24 '23

Thank you!

Derick Zihalirwa • Mar 28 '23

You re welcome mate, glad it helped!

DIPANKAR PAUL • May 6

Thanks for sharing.
Btw scrollbar-width: none; didn't work for me.
But using scrollbar-width: 0; worked.

Stephen Busayo Adegoke • May 8

thanks boss , please how did you get this **comment **text box

Some comments have been hidden by the post's author - find out more