删除IE的滚动条

Question

首先，我不想删除它，我想确保那里还有滚动功能。

这是因为我希望在网站上有一个“幻灯片放映”效果，您可以在其中点击“下一个”和之前，但是在那里使用滚动条，您可以直接浏览它。

我使用以下方法隐藏了其他浏览器中的滚动条：

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

用于webkit浏览器，overflow: -moz-scrollbars-none;用于Firefox。然而，当涉及到IE时，我找不到任何东西来简单地隐藏它。

我在互联网上找到了这些：

scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base-color:;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color:;

我想通过将颜色更改为transparent，它会消失，但它没有（只是恢复正常）。

有没有办法可以在IE中隐藏滚动条（就像display:none或其他东西一样）？我愿意接受css和js选项。

jsFiddle of problem

注意：点击overflow:hidden;代码时，添加div会阻止网页浏览第二个a。

Answer 1

See here for fiddle using your current code

尝试this trick

body, div, html{
    height:100%;
    width:100%;
    padding:0;
    margin:0;
}
body{
    overflow:hidden;
    position:fixed;
}
div{
    overflow-y:scroll;
    position:relative;
    right:-20px;
}

它偏移了一个可滚动的div，因此它的垂直滚动条位于可视区域之外。

Answer 2

我有类似的问题，我不需要主页上的滚动条，但我必须在我的页面内容中包含div和span的内容。

所以我找到了这样的解决方案：

body {
    -ms-overflow-style: none;
}
div, span {
    -ms-overflow-style: auto;
}