Internet explorer 杜兰达尔公司；IE：如何预防身体'；s滚动条覆盖在“上”；“页面主机”；区域和导航栏

Durandal 2.1在IE中有一个滚动条问题。其他人看到过这个问题吗

这只发生在IE中，而不是Chrome或Firefox。使用IE11时，我遇到了一个间歇性问题，即全身垂直滚动条将变为活动状态，并覆盖导航条和导航条下方“页面主机”区域的滚动条。这将禁用页面的鼠标滚动。您可以在附带的屏幕截图中看到这一点

我在Win8.1机器上使用WebStorm8运行Durandal 2.1 Starterkit演示。在欢迎页面上，当我抓取窗口边缘并移动它以调整垂直空间或水平空间的大小时，我有时会看到垂直滚动条闪烁。然后，当我停止滑动窗口边缘并将鼠标移到滚动条上时，它将跳转到屏幕截图中显示的状态。这是间歇性的，并非每次都会发生。但是我不能制造一个有这个潜在问题的产品

---

有人有解决办法吗？

以下是我解决这个问题的方法。我注意到，如果我只使用导航栏加载第一个html页面，即使导航栏下没有数据，也会显示从一个边缘到另一个边缘的滚动条（其他浏览器不会这样做）。所以我添加了这个css：

body {
     -ms-overflow-style: none;
}
.page-host {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

---

这可防止干扰滚动条，从而使所需滚动条工作。有关更多信息，请参见我上面的评论。

你能站起来演示一下这个问题吗？这实际上与Durandal本身无关，而是与初学者工具包附带的CSS有关。乔纳森问，请站起来演示一下。初学者工具包的性能仍应达到一定的期望值，即使这些期望值必须受到限制。@Eric:你说得对。我用一个没有Durandal（）的Bootstrap演示程序复制了这个问题，方法是编辑index.html页面，使其只包含导航栏。在VS2013的IE11中运行此命令将通过在窗口周围进行一点鼠标移动来更改窗口大小，从而产生一个卡住的垂直滚动条。Durandal StarterKit仅使用导航栏打开shell.html，然后稍后加载视图html。这是否会设置被击中的滚动条，从而干扰添加的页面html？那是我的猜测。请参阅上面关于我的修复程序的更新。这可能是一个引导CSS问题吗？@Martindo我不太确定这是一个引导问题，但它很可能是引导工作方式或样式的结果。我们很早就放弃了Bootstrap和Starter套件，开始了一个普通的配置，以摆脱我们正在处理的小怪癖。使用CSS从头开始需要做更多的工作，但是使用SMACS帮助很大。现在，我们完全可以控制应用程序样式的各个方面。@Martindo您可能想回答自己的问题（找出您的修复方案，并给出答案）。然后，检查答案是否正确。你可能知道，这是完全可以接受的，甚至是鼓励的，等等。我投票赞成你的问题！