Skip to content

Instantly share code, notes, and snippets.

@kyrylo

kyrylo/plain.css

Last active September 20, 2024 15:47
Show Gist options
  • Save kyrylo/3fb31d97b9a8e12aa1593b4152a5859e to your computer and use it in GitHub Desktop.
Save kyrylo/3fb31d97b9a8e12aa1593b4152a5859e to your computer and use it in GitHub Desktop.
Download ZIP
How to hide scrollbars in 2024
Raw
plain.css
/* Plain CSS */
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
Raw
tailwind.css
/* For TailwindCSS, just wrap it in @layer utilities { ... } */
@layer utilities {
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment