Как правильно настроить привязку вертикальной прокрутки css

Question

Я хочу создать сайт. с несколькими секциями шириной 100vw и высотой 100vh. Я также хочу обязательную привязку y (вертикальную) для этих секций. Я просмотрел много руководств, но мой код, похоже, не работает. Любая помощь высоко ценится.

Текущий код

Answer 1

Просто прочитав документацию Mozilla по этому поводу, может показаться, что эта функция очень несовместима между браузерами, но, следуя их руководству, мне удалось заставить ваш фрагмент работать с этими изменениями:

      body .content {
  height: 100vh; /* was 100% */
  overflow: auto; /* added */
}