javascript - 删除 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:;

我想通过将颜色更改为透明，它会消失，但它没有(只是恢复正常)。

有没有一种方法可以在 IE 中简单地隐藏滚动条(就像 display:none 或其他东西)？我对 css 和 js 选项持开放态度。

jsFiddle of problem

注意: 添加 overflow:hidden; 会阻止页面在单击 a 时超过第二个 div > 标签。

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，因此它的垂直滚动条在可视区域之外。