あいうえおかきくけこ

usage ボックスの %スクロールしました。

jQuery.pdParallax.js

概要

ウィンドウのスクロール位置やスクロール量に合わせてアニメーションさせるものです。

※動作デモの為、このページは余白が多くなっています。

ライセンス

MITライセンス (English / 日本語) です。

ダウンロード

v1.0.0: 20170315 初版

使い方2・ボックスの最下部からnピクセル以上スクロール [した/しない] で
イベントを実行

「download」ボックス最下部から更に50ピクセルスクロールすると、このエレメントがフェードアウトします。
また、50ピクセル未満の位置にスクロールが戻るとフェードインします。

※ {leave:function(_self){}} を設定する時は、 {arrive:function(_self){}} を設定しないと動作しません。

使い方3・ボックスの高さのうち n% スクロールしたかを常に監視する

「usage1」ボックスにスクロールが達した瞬間から、画面左下の値が変化します。