如何在IE10中隐藏滚动条?

时间:2015-05-12 05:11:47

标签: twitter-bootstrap internet-explorer scrollbar

在我链接scrollbar样式后,当我将鼠标移动到体内时,问题是bootstrap总是出现。

一开始,隐藏了scrollbar。它工作正常。但是,当我将鼠标悬停在body区域并切换鼠标滚轮时,scrollbar会显示出来。我已将overflow设置为隐藏。但问题仍然存在。

代码段如下:

<!DOCTYPE html>
<html>
<head>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <style>
        html, body {
            overflow: hidden;
        }
    </style>
</head>
<body>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

您可以使用特定于供应商的-ms-overflow-style - 属性来控制IE上的滚动/滚动条行为

html, body {
    -ms-overflow-style: none;
}

请注意,它仅适用于设置了overflow属性的元素,并且仅适用于Windows 8及更高版本。

-ms-overflow-style property on MSDN

答案 1 :(得分:0)

这可能会对你有所帮助。请参阅此QUESTION

html::-webkit-scrollbar { 
    display: none; 
}

这对我来说很好。