簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」｜BLACKFLAG

最近でもよく見かけるWebページ内をスクロールしてコンテンツを効果的に魅せる技法として、パララックス（少々今さら感も感じますが・・・）効果に加えて最近ではコンテンツ全体をフルスクリーン表示にして、スクロールすることで1コンテンツ分が自動でスクロールされ、次画面へ遷移するさせる技法がよく見られます。 そんなWebページ内でスクロール効果を使った動作を実装する際に役立ちそうなJSスクリプト＆jQueryプラグインを3つほど紹介してみます。 skrollr – parallax scrolling for the masses skrollr – parallax scrolling for the masses スクロールによって様々なパララックス効果を簡単に実装することができる軽量JSスクリプト「skrollr」。 デモページを見るだけでもこの「skrollr」で様々なパターンのパララックス

[i_mairy]

軽量パララックスまとめ

[marizooooo]

全部英語や

[corisuke]

ｊjquery

[halohalolin]

1つのコンテンツをフルスクリーン表示させて、ホイールに反応して1ページ分が自動でスクロールし次のコンテンツへ移動する見せるjQueryプラグイン「fullPage.js」と「skrollr」「jquery.onepage-scroll.js」。

[natsukareala]

iPhone5Sのサイトっぽく。

[tisa77]

ぺらいちサイトが簡単に実装できていいと思う。

[hagenama]

“fullPage.js”

[yamadar]

iPhoneで確認してみたら、モバイル対応してた。素晴らしい。

[minimum_sho]

パララックスの軽量スクリプト