概要
【jQuery】スクロールに合わせたパララックス表現の中でも、コンテンツ間に視差効果を持たせて立体感や奥行きを演出するスクロールエフェクトを背景画像で実装。用途・要件
- スクロールエフェクトのparallaxをbackgroundプロパティとjQuery使って実装。
- 視差の間隔を任意で設定可能。
注意事項
- マウスホイールでスクロールした場合や素早くスクロールした場合など若干カクついて見える場合がある。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
その他
- jQuery v3.6.0使用。
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
