如何在iOS Chrome中使用CSS滚动捕捉+图片错误隐藏滚动条

Question

如何在iOS Safari和Chrome中隐藏本机滚动条？我正在使用此代码：

.scroll-snap-container::-webkit-scrollbar {
    display: none!important;
    height: 0;
    width: 0;
    background-color: transparent;
}

这不适用于iOS Safari和Chrome。

Answer 1

尝试将其添加到您的代码中。

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.scroll-snap-container::-webkit-scrollbar {
display: none!important;
height: 0;
width: 0;
background-color: transparent;
 }
}