Как скрыть полосу прокрутки с помощью CSS Scroll Snap + ошибка изображения в iOS Chrome

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;
 }
}