IE10停止滚动条出现在内容和消失

如果您访问的任何网站的内容会导致ie10（桌面）中的垂直滚动条（例如http://www.buildwindows.com/ ），您会注意到只有当您将鼠标hover在窗口上方时，才会显示滚动条。

有没有强迫滚动条总是显示？ 我担心这会让页面中更多的内容变得不那么明显。

谢谢

Answer 1

有一个自定义供应商的前缀CSS属性来设置：

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

其他选项包括auto ， none ， scrollbar和-ms-autohiding-scrollbar 。 后者导致你正在经历的行为。

摘自MSDN文档 ，特别是上面提到的scrollbar值：

指示元素在内容溢出时显示经典的滚动条types控件。

与-ms-autohiding-scrollbar ，带有-ms-overflow-style属性设置为scrollbar的元素的scrollbar总是出现在屏幕上，当元素不活动时不会淡出。

Answer 2

这应该做的伎俩，媒体查询将阻止滚动消失当屏幕大于992px。 （我假设Windows移动设备需要这个隐藏滚动条，这就是为什么我做了媒体查询）。

 @-ms-viewport { width: device-width; } @media (min-width: 992px) { @-ms-viewport { width: auto !important; } } 

Answer 3

CSS风格

overflow-y:scroll;

会导致它被设置的元素始终有垂直滚动条

Answer 4

我添加了这个HTML元素，即HTML {-ms-overflow-style：scrollbar;}，它为我工作。

Answer 5

添加这个META标签的作品：

 <meta http-equiv="X-UA-Compatible" content="IE=9">