实现针对特定部分的页面内垂直滚动而不移动整个页面

Question

我已经在一些页面上看到过这个效果：你向下滚动，但页面本身似乎一动不动。因此，一些元素会淡入或淡出，出现或消失。 我有一个包含5个卡片的部分。 现在我想要创建相同的效果。当我向下滚动到该部分时，我希望通过上下滚动来导航该部分。根据我目前所在的位置，我希望显示或隐藏一张卡片。

我开始给该部分添加了overflow: scroll，但之后我就没有更多的想法来创建这个效果了。

Answer 1

使用background-attachment:fixed;来设置特定部分的背景固定。