simpleParallax.js 導入(IE11対応)

[ ID : 5320 ]
simpleParallax.js 導入(IE11対応)

概要

【Vanilla JS】スクロールに合わせたパララックスを簡単に実装できる「simpleParallax.js」の導入方法を紹介。

用途・要件

  • パララックスを簡単に実装したい場合に利用。
  • 画像はbackground-imageではなくimgタグで設定。
  • jQueryなしでも動作。
  • 注)IE11対応の場合、polyfillを読み込む。
  • 注)DEMOでは視差効果が上方向(up)の例のみ実装。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11 (polyfillが必要)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録