CSS Scroll Snap Specking Element в мобильном просмотре ⇐ CSS

[Anonymous]

Я делаю веб-сайт и хочу использовать тип Scroll-Snap. Проблема в том, что он всегда пропускает один элемент на мобильном представлении. Это происходит только в Chrome, в Firefox это работает нормально. Есть идеи, как заставить его работать в Chrome? < /P>

Код: Выделить всё

body {
margin: 0;
}

.container {
max-height: 100vh;
overflow: scroll;
scroll-snap-type: y mandatory;
}

.item {
height: 100vh;
border-bottom: 5px solid white;
scroll-snap-align: center;
background-color: black;
color: white;
display: flex;
align-items: center;
justify-content: center;
scroll-snap-stop: always;
}< /code>


A

B

C

D

Подробнее здесь: https://stackoverflow.com/questions/671 ... obile-view