Durandal＆IE：如何防止身体的滚动条覆盖“页面主机”区域和导航栏

Durandal 2.1在IE中存在滚动条问题。有没有其他人看到这个问题？Durandal＆IE：如何防止身体的滚动条覆盖“页面主机”区域和导航栏

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

enter image description here

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

有人对解决方案有任何想法吗？

来源

2014-12-02 MartinDuo

你可以站起来演示重演这个问题吗？ – Sampson 2014-12-02 23:03:56

这实际上与Durandal本身无关，但与入门套件附带的CSS无关。正如乔纳森所问，请站起来演示一下。即使这些预期必须受到限制，入门套件仍应具有一定的预期效果。 – 2014-12-03 03:22:39

@Eric：你说的没错。我使用Bootstrap演示程序重现了这个问题，没有使用Durandal（http://websites.simplesphere.net/cleany/），只需编辑index.html页面即可拥有导航栏。在IE11中从VS2013运行它将通过周围的小动作来改变窗口大小，从而产生卡住的垂直滚动条。 Durandal StarterKit仅用navbar打开shell.html，稍后加载视图html。这可以设置受到攻击的滚动条，然后干扰添加的页面的HTML？这是我的猜测。查看上面关于我的修复的更新。它可能是一个引导CSS的问题？ – MartinDuo 2014-12-07 19:42:10

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

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

这可以防止干扰滚动条，允许所需的滚动条工作。请参阅我上面的评论以获取更多信息

来源

2014-12-08 14:36:31 MartinDuo

Durandal＆IE：如何防止身体的滚动条覆盖“页面主机”区域和导航栏

回答

相关问题