Hide scrollbar in Edge? I wish it would show for once. It keeps disappearing and it’s impossible to close certain windows on the page without scrolling up to the top to get to the top right x of the window. I have to try and guess where the invisible scrollbar in the browser is and try clicking everywhere close to the right hand side of the browser and it takes many, many clicks before it suddenly become visible and then only briefly: if I accidentally click below the scrollbar it will disappear again with as many efforts to get it to come up again. Not cool at all.
For further information this happens particularly when playing the Plarium Sparta War of Empires game. Games use more resources of course but does this browser’s scrollbar take so many resources that it competes with a game? I don’t have the same problem in Chrome.
@kate I’d argue this is great for production. It makes Edge/IE behave the same way as OSX (that is, auto-hiding scrollbars) such that you get more screen real estate and simplifies things if you are doing width calculations in javascript (that is, making scrollWidth == clientWidth). There’s a reason this is included in sanitize.css.
Weirdly -ms-autohiding-scrollbar causes the width I set with -webkit-scrollbar to work in IE 11, but only when the mouse is still. As soon as the mouse is moved it reverts to the really thick, clunky scrollbar as usual.
Hide scrollbar in Edge? I wish it would show for once. It keeps disappearing and it’s impossible to close certain windows on the page without scrolling up to the top to get to the top right x of the window. I have to try and guess where the invisible scrollbar in the browser is and try clicking everywhere close to the right hand side of the browser and it takes many, many clicks before it suddenly become visible and then only briefly: if I accidentally click below the scrollbar it will disappear again with as many efforts to get it to come up again. Not cool at all.
For further information this happens particularly when playing the Plarium Sparta War of Empires game. Games use more resources of course but does this browser’s scrollbar take so many resources that it competes with a game? I don’t have the same problem in Chrome.
This does fix, but should not be used in production. See the MDN Docs for reference.
@kate I’d argue this is great for production. It makes Edge/IE behave the same way as OSX (that is, auto-hiding scrollbars) such that you get more screen real estate and simplifies things if you are doing width calculations in javascript (that is, making scrollWidth == clientWidth). There’s a reason this is included in sanitize.css.
Weirdly -ms-autohiding-scrollbar causes the width I set with -webkit-scrollbar to work in IE 11, but only when the mouse is still. As soon as the mouse is moved it reverts to the really thick, clunky scrollbar as usual.
Is there a way to reduce the amount of time before the scrollbar is hidden? i.e. time in ms or when the cursor leaves the element?
FWIW: This seems to make IE/Edge correctly display centred elements with a width set to 100vw.