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

时间:2019-06-27 14:11:28

标签: javascript html ios css safari

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

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

这不适用于iOS Safari和Chrome。

Arrow showing native scrollbar when scrolling

1 个答案:

答案 0 :(得分:0)

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

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