「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path - かちびと.net

過去に何度か出ている、スクロールに応じて 要素がユニークな動きをするプレゼンを実装 出来るjQueryプラグイン。今日のプラグイン は、Photoshopやイラレなんかでお馴染みの ペンツールによるパスを定義できる、という もので、滑らかな曲線を描いて動作してくれ ます。 タイトル意味分かりませんねｗちょっと説明がしにくいのでデモ見ていただきたいんですが、ペンツール等で描くパスのような曲線を定義できる、というもので、スクロールすると、設定したパスに沿って動いてくれます。 以下デモです。Webkit系推奨。 Sample 設定したパスの確認 右下に確認用のオンオフの切り替えボタンが付いていますのでこれでパスの確認が出来ます。 パスを設定する為のコード スクロールの軌道となるパスの設定は以下のようにします。 path.moveTo(400, 50, {name: "start"}); move

[mellow_punch]

pathに沿ってスクロール

[raomito]

_φ(･_･