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

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

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

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

使用

溢出：隐藏似乎做了我想做的事情，但我无法向下滚动页面

总而言之，我只想隐藏主页滚动条，同时保留其余部分并能够滚动？
试试看：

html, body {

    overflow:hidden;
}

或：

html, body {

    overflow:hidden;
}

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

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

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

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

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

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

过去有一个CSS规则可以在Firefox中隐藏滚动条，但后来被弃用了。该规则是：

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

你能做
body:：-webkit滚动条吗？尽管我会看看其他方法，因为前面的方法只适用于webkit浏览器。看看这个：到目前为止，这似乎是可行的。我会检查它是否会在今后的道路上产生一些问题。