css - 隐藏水平滚动条但可以继续滚动

Question

我只想隐藏水平滚动条但保持滚动可能。

如何隐藏水平条滚动条但保持滚动功能等问题无法正确回答。

根据https://css-tricks.com/custom-scrollbars-in-webkit/我应该可以使用:horizontal但没有效果。

演示（Chrome v84 中仍然可以看到水平滚动条）：https ://jsfiddle.net/o5waygL7/

<p>test test test test test test test test test...</p>

html { width: 300px; height: 300px; overflow: auto; }
body { width: 300px; height: 300px; overflow: auto; }

html::-webkit-scrollbar:horizontal { display: none; width: 0; height: 0; }
html body::-webkit-scrollbar:horizontal { display: none; width: 0; height: 0; }

p { width: 1000px; height: 1000px; background: green; }

此外，似乎如果我删除滚动条，html然后body开始获取它。如果我删除它body然后html开始获取它......那么，它应该被禁用吗？

请帮忙，谢谢。

标签： css

Answer 1

试试这个只是不显示 ::-webkit-scrollbar

html { width: 300px; height: 300px; overflow: auto; }
body { width: 300px; height: 300px; overflow: auto; }

html::-webkit-scrollbar:horizontal { display: none; width: 0; height: 0; }
html body::-webkit-scrollbar:horizontal { display: none; width: 0; height: 0; }

p { width: 1000px; height: 1000px; background: green; }::-webkit-scrollbar {
display: none;
}

<p>
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
</p>