滚动捕捉未在页面顶部/底部停止

Question

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

Scroll-snap工作得很好...除了当它到达屏幕的顶部或底部时，您可以继续滚动浏览内容……

我想不出怎么才能阻止这一切的发生。

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;
}

...was把事情搞砸了。在随机删除CSS的部分后，它设法修复了它。