在IE中隐藏滚动条

Vik*_*oni 38 html css internet-explorer-7

在我们的UI应用程序中,我们使用JSF或Prime面.我们想隐藏我们应用程序的滚动条,但我们正在努力在Internet Explorer中实现这一点(我们正在使用IE7).

有没有办法阻止在Internet Explorer中显示滚动条?我试图放入overflow: hidden;CSS,但它不起作用.

我已经在DOM试图几乎每一个节点并设置width/ height100%,有margin: 0px,padding: 0px.似乎在Firefox中运行良好,但它在IE7中不起作用?

Cri*_*par 85

如果有人仍然需要解决方案,这个适合我:

.container{
    -ms-overflow-style: none;
    overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)

此更改允许在容器上滚动并隐藏IE上的栏.

在IE 10 && 11上测试过.

参考


Fra*_*ser 19

很难说没有看到代码!说,您可以尝试使用Microsoft为Internet Explorer引入的"扩展属性".

<body scroll="no">
Run Code Online (Sandbox Code Playgroud)

编辑:

您也可以尝试在CSS中设置html页面的overflow属性.

html, body { overflow: hidden; }
Run Code Online (Sandbox Code Playgroud)

  • 还要记住,除非你有一个明确的高度,否则`overflow:hidden`对你不起作用. (4认同)

Jho*_*man 7

这个CSS适用于Chrome和IE 10:

/* Oculta la scroll-bar pero sigue permitiendo hacer scroll con el mouse */
    body::-webkit-scrollbar { display: none;  }
    html, body { -ms-overflow-style: none; overflow: auto; }
Run Code Online (Sandbox Code Playgroud)