Почему мой простой Scroll-Snap CSS не работает? ⇐ CSS

[Anonymous]

Я пытаюсь использовать функцию Scroll-Snap, но она просто не работает. Я так запутался - что я делаю не так?

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

Headline
My Text

another Headline
Another line of text

next Headline
Text line - lorem ipsum and stuff

THE END OF THE SCROLL



< /code>

css: < /p>

body{
font-family: Verdana, Geneva, Tahoma, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
width: 80%;
margin: auto;
scroll-snap-type: y mandatory;
}

h1, h2{
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
}
.section{
display: flex;
flex-direction: column;
width:100%;
height: 100vh;
justify-content: center;
align-items: center;
scroll-snap-align: start;
scroll-snap-stop: always;
}

образно>

Подробнее здесь: https://stackoverflow.com/questions/607 ... ot-working