-webkit-scrollbar 仅用于 X 轴

Question

我知道这个：

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

可以隐藏一个元素的滚动条，但是它同时隐藏了x轴和y轴。我只想隐藏 x 轴滚动条并保留 y。有没有标准的方法来做到这一点？我正在寻找类似的东西：

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

谢谢！

编辑：overflow-x: hidden 将不起作用。

Answer 1

当然可以。显示两个滚动条的标准是：

overflow: scroll;

但是，如果您只想垂直滚动，您可以使用：

overflow-y: scroll;

更多详情您可以查看：

w3Schools - CSS overflow-y Property

Answer 2

正如其他人所建议的那样，使用 overflow-x: hidden; 隐藏 x 轴滚动条。如果你只包含 overflow-x: hidden; 那么这只会隐藏你的 x 轴滚动条而不是 y 轴滚动条。如果你想隐藏它们，那么你还必须包括 overflow-y: hidden;

希望这能解释清楚。