Hide scrollbars
A scrollable area can keep scrolling while its scrollbar is visually hidden. The standards-based property covers Firefox and current browsers; the WebKit pseudo-element handles older Chromium and Safari versions.
.scroller {
overflow: auto;
scrollbar-width: none;
}
.scroller::-webkit-scrollbar {
display: none;
}
Use this only for specific UI patterns, such as carousels, and when you understand the tradeoffs. The page’s main scrollbar is not one of them. Verify keyboard scrolling and touch targets.
If you’re unsure, the answer is usually no.