CSS 滚动捕捉在到达顶部时溢出主体

Question

我有一个非常奇怪的问题。也许是行为上的错误scroll-snaps？

当我到达页面顶部并继续向上滚动时，如果我不再向下滚动，则正文会溢出并停留在那里。即使我重新加载页面。

仅在 Chrome for Mac（版本 75.0.3770.100（官方版本）（64 位））中进行，我在 Safari 和 Firefox 中进行了测试，两者似乎都表现正常。

在线复制

Jsfiddle 在这里，但你不能在那里重现它。可能是因为它位于 iframe 内？

问题视频：

Answer 1

好吧，我寻找了类似的问题和解决方案，在修复了快速滚动的使用之后，可以添加以下内容：

html{
    height: 100%;
    overflow: hidden;
}
body{
    height: 100%;
    overflow: auto;
}

在某些情况下，这显然还不够，所以您还可以添加：

body{
    overscroll-behavior: none;
}