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

Разбираемся в CSS
Ответить
Anonymous
 CSS элемент пропуска при прокрутке в мобильном представлении

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»