Hides scrollbars on an element, while still allowing it to be scrollable.
overflow: auto
to allow the element to be scrollable.scrollbar-width: none
to hide scrollbars on Firefox.display: none
on the ::-webkit-scrollbar
pseudo-element to hide scrollbars on WebKit browsers (Chrome, Edge, Safari).<div class="no-scrollbars">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean interdum id leo a consectetur. Integer justo magna, ultricies vel enim vitae, egestas efficitur leo. Ut nulla orci, rutrum eu augue sed, tempus pellentesque quam.</p>
</div>
div {
width: 200px;
height: 100px;
}
.no-scrollbars {
overflow: auto;
scrollbar-width: none;
}
.no-scrollbars::-webkit-scrollbar {
display: none;
}
CSS, Visual
Customizes the scrollbar style for elements with scrollable overflow.
CSS, Visual
Creates a horizontally scrollable image gallery.
CSS, Visual
Creates a horizontally scrollable image gallery.