ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。
P粉946437474
2023-08-15 19:29:46
<p>いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動かないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。
5枚のカードを含むセクションがあります。
次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。 </p>
<p>まずはそのセクションに <code>overflow:scroll</code> を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
background-attachment:fixed;
を使用して、特定のパーツの背景を固定に設定します。