Question

在我们的UI应用程序中，我们使用JSF或Prime面孔。我们想隐藏我们应用程序的滚动条，但我们正在努力在Internet Explorer中实现这一点（我们使用的是IE7）。

有没有办法阻止在Internet Explorer中显示滚动条？我试图将overflow: hidden;放在CSS中，但它不起作用。

我几乎尝试了DOM中的每个节点，并将width / height设置为100%，margin: 0px，padding: 0px。似乎在Firefox中运行良好，但它在IE7中不起作用？

Answer 1

如果有人仍然需要解决方案，这个对我有用：

.container{
    -ms-overflow-style: none;
    overflow: auto;
}

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

IE 10＆amp;＆amp; amp;＆amp;＆amp; 11.

Reference

Answer 2

很难说没有看到代码！说，您可以尝试使用Microsoft为Internet Explorer引入的“扩展属性”。

<body scroll="no">

编辑：

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

html, body { overflow: hidden; }

Answer 3

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

Answer 4

您可以使用此代码将其实现到body -

body { overflow-x:hidden; }

如果没有那么看看布局，看看是否有任何容器的宽度不合适，这使得布局有点伸展......

Answer 5

在尝试overflow:hidden;

之前，请确保IE未处于兼容模式

Answer 6

使用

.classname {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

这会自动隐藏scollbar，但在滚动时会再次显示

https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style

Answer 7

我无法提供简单的CSS解决方案，但是如果你使用jQuery，很容易通过这种方式将计算出的宽度和高度设置为正文：

$("body").css({"width": body.width()+"px", "height": body.height()+"px"})

然后

$("body").css({"overflow": "hidden"});

也在IE中工作（至少在IE9 +中）。我的目标是暂时使页面不可滚动（当显示具有自己滚动功能的自定义对话框时）。当自定义对话框关闭时，我将体型属性重置为其先前状态（以删除计算出的体宽和高度）。

在IE中隐藏滚动条

7 个答案: