кнопка прокрутки не останавливается вверху / внизу страницы

Question

https://jonathanrace77.github.io/index.html

Функция прокрутки работает отлично ... за исключением случаев, когда она попадает в верхнюю или нижнюю часть экрана и вы можете продолжать прокручивать содержимое. ..

Я не могу понять, как этого избежать.

html {
  overflow: scroll;
  height: 100vh;
  scroll-snap-type: mandatory;
  scroll-snap-points-y: repeat(100vh);
  scroll-snap-type: y mandatory;
}

section {
  height: 100vh;
  scroll-snap-align: start;
  position: relative;
}

Answer 1

Комбо из

main {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
}

&

.top {
  position: absolute;
  padding: 0;
  top: 0;
  width: 100vw;
  bottom: -10vh;
  display: block;
  z-index: 2;
  height: 10vh;
}

... все испортило. После случайного удаления разделов CSS это удалось исправить.