jQuery Parallax

Contents

• Description
• Demo
• Features

Description

Simple parallax scrolling implemented as a jQuery plugin.
シンプルなパララックス効果を実装するためのjQueryプラグインです。

Demo

Demo

Features

• Simple setting using data attribute:
  If you add the "data-scroll-on" attribute for the target element, it just adds the class "on" to that element when scrolling.

• Reverse animation settings when scrolling back:
  If you add the "data-playback" attribute for the target element, it adds reverse animation when scrolling back.

• data属性を利用したシンプルな設定:
  パララックス効果を実装したい要素に「data-scroll-on」属性を指定すると、スクロール時にその要素にクラス「on」を付加するだけのシンプルなjQueryプラグインです。

• スクロールバック時の逆アニメーション設定:
  対象の要素に「data-playback」属性を指定すると、スクロールバック時に逆アニメーションを行うこともできます。