css - IE10 阻止滚动条出现在内容上并消失

Question

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

是否有强制滚动条始终显示？我担心这会让页面下方有更多内容变得不那么明显。

谢谢

score 127 · Accepted Answer

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

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

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

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

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

与不同的是，属性设置为始终显示在屏幕上并且在元素处于非活动状态时不会淡出的元素上-ms-autohiding-scrollbar的滚动条。-ms-overflow-stylescrollbar

score 3 · Accepted Answer

这应该可以解决问题，当屏幕大于 992px 时，媒体查询将防止滚动消失。（我假设 Windows 移动设备需要它来隐藏滚动条。这就是我进行媒体查询的原因）。

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

score 1 · Accepted Answer

1

CSS样式

overflow-y:scroll;

将导致为其设置的元素始终具有垂直滚动条

于 2013-05-30T08:56:10.463 回答

score 1 · Accepted Answer

1

我在 html 元素上添加了这个，即 html{-ms-overflow-style: scrollbar;} 它对我有用。

于 2015-05-27T11:14:33.430 回答

score -4 · Accepted Answer

-4

添加此 META-Tag 有效：

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

于 2013-06-25T10:06:42.977 回答

5 回答 5