CSS элемент пропуска при прокрутке в мобильном представлении ⇐ Html

[Anonymous]

Я создаю веб-сайт и хочу использовать функцию прокрутки. Проблема в том, что при просмотре на мобильных устройствах всегда пропускается один элемент. Это происходит только в Chrome, в Firefox все работает нормально. Есть идеи, как заставить это работать в Chrome?

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

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

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

A

B

C

D

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