IE 10 11 中的垂直滚动条答案

【问题标题】：Vertical scroll bars in IE 10 11IE 10 11 中的垂直滚动条
【发布时间】：2016-07-01 05:01:41
【问题描述】：

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

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

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

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

【问题讨论】：

从索引页的第 25 行删除 overflow-y: scroll。

标签： internet-explorer scrollbar

【解决方案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，然后尝试滚动条。

【讨论】：

这也是一个很好的答案，比乔纳森桑普森更详细一点。但两者都正确。

【解决方案2】：

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

不过，这种行为有点问题，因此我将在内部对此提出问题并让我们的团队进行查看。

【讨论】：

完美运行。感谢您的内部跟进。

【解决方案3】：

试试这个：

-ms-overflow-style: scrollbar;

【讨论】：