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

Question

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

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

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

在 body 的 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; }

Hidding the main scroll bar In a page using css