實作針對特定部分的頁面內垂直捲動而不移動整個頁面

Question

我已經在一些頁面上看到過這個效果：你向下滾動，但頁面本身似乎一動不動。因此，有些元素會淡入或淡出，出現或消失。 我有一個包含5個卡片的部分。 現在我想要創建相同的效果。當我向下滾動到該部分時，我希望透過上下滾動來導航該部分。根據我目前所在的位置，我希望顯示或隱藏一張卡片。

我開始為該部分添加了overflow: scroll，但之後我就沒有更多的想法來創建這個效果了。

Answer 1

使用background-attachment:fixed;來設定特定部分的背景固定。