滚动条 代码片段 → CSS → 在 Edge、IE 10/11 中隐藏滚动条 在 Edge、IE 10/11 中隐藏滚动条 Robin Rendle 于 2017年1月5日 您可以将其设置为自动隐藏,而不是始终显示。 html { -ms-overflow-style: -ms-autohiding-scrollbar; } 效果如下 感谢 Thierry Koblentz 从 Jon Neal 的 Sanitize.css 中挖掘出这个宝藏。
在 Edge 中隐藏滚动条?我希望它能显示一次。它总是消失,并且如果不向上滚动到顶部以到达窗口右上角的“x”,就无法关闭页面上的某些窗口。我必须尝试猜测浏览器中不可见的滚动条在哪里,然后尝试点击浏览器右侧附近的任何位置,并且需要点击很多次它才会突然可见,而且只是短暂地可见:如果我不小心点击了滚动条下方,它将再次消失,并且需要再次花费很多努力才能使其再次出现。这完全不好。
更多信息:当玩 Plarium Sparta War of Empires 游戏时,尤其会出现这种情况。游戏当然会使用更多资源,但是浏览器的这个滚动条会占用如此多的资源以至于与游戏竞争吗?我在 Chrome 中没有遇到同样的问题。
这确实可以解决,但不应在生产环境中使用。请参阅 MDN 文档 以供参考。
@kate 我认为这对于生产环境来说非常棒。它使 Edge/IE 的行为与 OSX 相同(即自动隐藏滚动条),这样您就可以获得更多的屏幕空间,并且如果在 JavaScript 中进行宽度计算(即使 scrollWidth == clientWidth),则可以简化操作。Sanitize.css 中包含此功能是有原因的。
奇怪的是,-ms-autohiding-scrollbar 导致我使用 -webkit-scrollbar 设置的宽度在 IE 11 中有效,但仅当鼠标静止时有效。一旦鼠标移动,它就会恢复到通常的非常粗大的笨拙滚动条。
有没有办法减少滚动条隐藏之前的时间?例如,以毫秒为单位的时间或光标离开元素时的时间?
仅供参考:这似乎使 IE/Edge 正确显示宽度设置为 100vw 的居中元素。