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

Question

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

How to hide horizontal bar scrollbar but keep scroll function 等问题无法正确回答。

根据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 开始获取它......那么，它应该对两者都禁用吗？

请帮忙，谢谢。

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>