IE 10中的垂直滚动条11

Question

我有一个在视口上使用垂直滚动条的网站。 www.LinkforCare.org

滚动条在Chrome，FF和IE 9中运行良好。但不适用于IE 10或11.鼠标滚轮工作正常，但不能拖动滚动条。

该站点使用Bootstrap和jQuery-ui，如果这可能是相关的。

任何人都知道这个问题，还有解决方案？

Answer 1

从以下代码中删除overflow-y: scroll;。

HTML：

<style type="text/css">
       html, body
        {
            height: 100%;
            min-height: 100%;
            overflow-y: scroll;
            overflow: auto;
            border-top: 0px;
        }
</style>

最终会看起来像这样。

HTML：

<style type="text/css">
       html, body
        {
            height: 100%;
            min-height: 100%;
            overflow: auto;
            border-top: 0px;
        }
</style>

您也可以使用IE11浏览网站，右键点击左侧或右侧的任何空白区域并选择“检查元素”来测试。从样式中取消选择overflow-y: scroll，然后尝试滚动条。

Answer 2

由于一些冲突的规则，您有两个重叠的滚动条（一个用于html，另一个用于body元素），阻止用户点击拖动最重要的滚动条。快速解决方案是简单地从索引文件中删除overflow-y属性，第25行：

这种行为虽然有点麻烦，因此我会在内部提交一个问题并让我们的团队看看。

Answer 3

试试这个：

-ms-overflow-style: scrollbar;

更多信息：https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx