Using CSS to hide scrollbars without impacting scrolling

The scrollbar in the browser allows the user to scroll up and down on the page without having to take their hands off the keyboard or trackpad. Hiding the scrollbar will create a smoother scrolling experience and remove some distractions from your site’s overall layout. In IE (Internet Explorer) and Edge, the syntax for hiding a scrollbar is a bit different from WebKit-based browsers like Opera, Chrome and Safari. The syntax for hide a scroll bar is a little different.