IE 10 11 中的垂直滚动条

Question

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

滚动条在 Chrome、FF 和 IE 9 中工作正常。但在 IE 10 或 11 中不行。鼠标滚轮滚动正常，但不能拖动滚动条。

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

有人知道这个问题，有解决办法吗？

Answer 1

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

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

Answer 2

从以下代码中删除 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 浏览该站点来测试这一点，right-clicking 在左侧或右侧的任何空白蓝色 space 上，然后选择 'Inspect Element'。从样式中取消选择 overflow-y: scroll，然后尝试滚动条。

Answer 3

试试这个：

-ms-overflow-style: scrollbar;

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

IE 10 11 中的垂直滚动条

Vertical scroll bars in IE 10 11

internet-explorer

scrollbar