Auto Hiding Scrollbars for IE10, IE11, & Edge


Recently, we had some pesky scrollbars hanging around in IE11 and Edge that were showing up unnecessarily. To hide them when the user isn't interacting with them, here's what you can do.

For Windows 8 and later, you can use this property:


You can slap this in your code base and the scrollbars should show/hide upon interaction instead of showing by default:

html {
-ms-overflow-style: -ms-autohiding-scrollbar;