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

Question

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

无论如何强制滚动条始终显示？我担心这会让页面上的内容越来越不明显。

由于

Answer 1

要设置自定义供应商前缀的CSS属性：

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

其他选项包括auto，none，scrollbar和-ms-autohiding-scrollbar。后者会导致您遇到的行为。

摘自MSDN documentation，特别是上述scrollbar值：

  

表示元素在内容溢出时显示经典滚动条类型控件。

     

与-ms-autohiding-scrollbar不同，-ms-overflow-style属性设置为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-Tag有效：

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