概要
【Vanilla JS】スクロールに合わせたパララックスを簡単に実装できる「simpleParallax.js」の導入方法を紹介。用途・要件
- パララックスを簡単に実装したい場合に利用。
- 画像はbackground-imageではなくimgタグで設定。
- jQueryなしでも動作。
- 注）IE11対応の場合、polyfillを読み込む。
- 注）DEMOでは視差効果が上方向(up)の例のみ実装。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11 (polyfillが必要)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
