-webkit-scrollbar 仅适用于 X 轴答案

【问题标题】：-webkit-scrollbar for X axis only-webkit-scrollbar 仅适用于 X 轴
【发布时间】：2021-01-20 03:30:06
【问题描述】：

我知道：

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

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

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

谢谢！

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

【问题讨论】：

可以使用标准的overflow-x吗？
不幸的是，在我的场景中，我做不到。
那是什么场景？也许您正在使用引导程序？
我的内容在 x 方向上溢出，但是我已经用 overflow-x:hidden 禁用了 x 的滚动。但是在移动设备上，当我向下滚动时，x 滚动条仍然显示为可滚动，即使内容不是。
尝试设置位置：固定或宽度：100%。如果它不起作用，你能分享那部分代码吗？

【解决方案1】：

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

overflow: scroll;

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

overflow-y: scroll;

更多详情，您可以查看：

【讨论】：

【解决方案2】：

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

希望这能解释清楚。

【讨论】：