html - 在 IE 中隐藏滚动条

Question

在我们的 UI 应用程序中，我们为此使用了 JSF 或 Prime faces。我们想为我们的应用程序隐藏滚动条，但我们正在努力在 Internet Explorer 中实现这一点(我们使用的是 IE7)。

有什么方法可以防止在 Internet Explorer 中显示滚动条？我试图将 overflow: hidden; 放在 CSS 中，但它不起作用。

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

Answer 1

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

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

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

另一方面，如果您想隐藏它并在用户再次滚动时再次显示它，您可以使用。

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

如果您想完全隐藏它(滚动条)，而不仅仅是从您可以使用的特定容器中:

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

在 IE 10 && 11 上测试。

Reference