溢出大于100VH的CSS滚动抓取点？

提问者：小点点

当容器高于100VH时，我在实现滚动捕捉点时遇到了麻烦。我想使用强制性的抓拍点，但也允许一个用户滚动时，高度大于100VH。

我通过添加额外的对齐点来实现这个功能，我希望用户能够在不对齐的情况下滚动到高于100VH的div顶部。

.parent {
    min-height: 100vh; //actual is taller than 100vh
    scroll-snap-align: start;
}

.child {
    scroll-snap-align: center;
}

我希望能够自然地滚动通过一个高的容器，而不总是折断到滚动的顶部。这种方法在Chrome中是可行的，但在Safari中，任何溢出都会使用户返回到父级的顶部。有没有一种方法可以在高于窗口高度的容器上使用捕捉点，同时可以滚动溢出？

共1个答案

匿名用户

将overflow-y：scroll添加到父级。

.parent{
   max-height:100vh;
   overflow-y:scroll;
 }

而且滚动-对齐-对齐也会进入子元素