隐藏主滚动条在使用css的页面中

Question

我想只删除顶级滚动条，同时保留页面内的一些内容。

我找到了这个，但它删除了所有滚动条。

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

在正文css上使用overflow: hidden;似乎可以做我想要的但我无法向下滚动页面。

总结一下，我想隐藏主页面滚动条，同时保留其余部分并能够滚动？

Answer 1

<强>尝试：

html, body {

    overflow:hidden;
}

或：

有一个CSS规则可以隐藏基于Webkit的浏览器（Chrome和Safari）中的滚动条。该规则是：

.element::-webkit-scrollbar { width: 0 !important }

有一个CSS规则可以隐藏IE 10+中的滚动条。该规则是：

.element { -ms-overflow-style: none; }

曾经有一个CSS规则可以隐藏Firefox中的滚动条，但它已被弃用。那个规则是：

.element { overflow: -moz-scrollbars-none; }