<p>On mobile devices, I would like to completely hide the scrollbars throughout the application, but I need the user to be able to scroll. </p> <p>I tried using CSS scrollbar, scrollbar-thumb, scrollbar-thumb:hover and scrollbar-track to hide the scrollbar, it works on the browser but not on mobile devices. </p>

.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

.invisible-scrollbar {
  scrollbar-width: none;
}