How to Hide the Scrollbar Across All Browsers

If you want to hide the scrollbar while still allowing users to scroll (e.g., via mouse wheel or touchpad), you can use CSS:


css
.container {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.container::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

For older versions of Firefox, use: overflow: -moz-scrollbars-none;