html - 在使用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 }

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

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

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

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