ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

Question

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動かないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。 次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。

まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

Answer 1

background-attachment:fixed; を使用して、特定のパーツの背景を固定に設定します。