0

我正在尝试创建一个布局，其中三个 div 重叠并在它们在继续滚动之前到达页面底部时变得粘滞。

我的直觉如下所示，但到目前为止无济于事：

div {
  position: sticky;
  bottom: 0;
}
.one {
  height: 100vh;
}
.two {
  height: 75vh;
}
.three {
  height: 50vh;
}

我的意图是.one滚动到视图中并粘住，然后.two是在完全可见时会粘住（在上面留下 25vh 的间隙），然后以.three相同的方式进行。

欢迎任何和所有的帮助！

4

0 回答 0