Chrome 滚动条占用 space 但在设置样式之前是不可见的

Question

我有一个 PWA，我在其中关闭了滚动条。 Chrome 我用过：-

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

现在，对于非触控 PC 用户，我想为某些元素打开滚动条。问题是当我摆脱 "Display: None" 时，我得到了滚动条的 space 但它是不可见的。当我设置它的样式（例如：背景颜色）时，我可以看到它。

为什么看不见？

Answer 1

Spewin' 当您定义伪元素时，您必须控制 ALL 属性 :-(

完全删除 CSS 伪元素定义，滚动条恢复默认值。