xxxxxxxxxx
<style>
/* Hide the scrollbar */
/* For Firefox */
scrollbar-width: none;
/* For Chrome, Edge, and Safari */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
-webkit-overflow-scrolling: touch; /* Safari */
/* Create a transparent scrollbar track */
::-webkit-scrollbar {
width: 0.5em;
background-color: transparent;
}
/* Create a transparent scrollbar thumb */
::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 0.25em;
}
</style>
xxxxxxxxxx
<div class="overflow-hidden">
<!-- Content with hidden scroll bar -->
</div>