滚动条不会在移动设备上隐藏

Question

我想从我的Vue + Vite应用程序的每个元素隐藏滚动条。我不想禁用滚动，只是隐藏它，所以我使用以下代码。

*::-webkit-scrollbar {
display: none !important;
}

它的工作很好，滚动条是隐藏在桌面尺寸，但它不会消失在移动设备上，即使在Chrome devtools移动。这是我的元数据，如果有帮助的话。

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

我使用的是一个默认的Vue Vite应用程序，有一些垂直溢出的内容。

Answer 1

你可以尝试使滚动条透明:

::-webkit-scrollbar {
width: 0px;
background: transparent; 
}

你应该把这段代码放在@media标签上，这样它只影响移动端。

这个解决方案来自这个线程。