删除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选项css开放js 。

jsFiddle问题

注意：添加overflow:hidden; 单击a标签可阻止页面经过第二个div 。

Answer 1

在这里查看使用您当前代码的小提琴

试试这个技巧

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;
}