CSS-Scroll-Snap-Überspringelement in der mobilen Ansicht ⇐ CSS

[Guest]

Ich erstelle eine Website und wollte Scroll-Snap-Type verwenden. Das Problem ist, dass in der mobilen Ansicht immer ein Element übersprungen wird. Das passiert nur in Chrome, in Firefox funktioniert es einwandfrei. Irgendeine Idee, wie man es in Chrome zum Laufen bringt?

Code: Select all

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: Select all

A

B

C

D