在 IE 浏览器中,使用 bootstrap 使得页面滚动条浮动显示,自动隐藏,自动消失
貌似是从 IE10 开始?为了触屏操作优化浏览器的内容显示,IE 浏览器提供了一种可以浮动显示,自动隐藏的滚动条样式,但是这个样式会在某些情况下造成一些困扰,比如下图。。。
其实默认情况下,桌面版的 IE 应该是传统的滚动条样式;而在应用版的 IE 中,滚动条默认才是浮动显示,自动隐藏。
但是可能会发现,一些使用了 bootstrap 样式的网站,也会出现相同这种情况,谷歌了一下,发现这是因为 bootstrap 设置了一个 CSS 的属性:
@-ms-viewport { width: device-width; }
如果想更改滚动条的样式,可以为 IE 浏览器强制设置一个样式:
html, body { -ms-overflow-style: scrollbar; }
MSDN:https://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx
输了你,赢了世界又如何...