【jQuery】One Page ScrollでAppleライクな気持ちのいいスクロール体験

こんにちは。前回に引き続き、javascriptライブラリのご紹介です。
弊社CTOがこれをつかってなにやら実装していたので、僕はそれをつかってブログを書くことにしました。

サクッと作れる。１ページもので素敵な遷移をするWebページ

See the Pen ogbwLR by Tsukasa Nagata (@nt-uni) on CodePen.0

ライブラリを読み込んで動かしただけですが、上のサンプルでスクロールしてもらうと、通常のスクロールとは違って高さ100%を1ページとしてスクロールされることがわかると思います。

以前Appleのサイトでも使用され、インスパイヤしているそうです。

ポートフォリオやランディングページなど、素敵なWebサイトがつくれそうですね。

紹介ページ兼Demoページになっています。
jQuery One Page Scroll by Pete R. | The Pete Design

ご紹介だけになってしまいましたが、サンプルのコードは冒頭のcodepenで見ていただければと思います。
実はサンプル用の埋め込みをjsdoitからcodepenに変えました。それもいつか記事に致します！

Tsukasa Nagata

株式会社ユニマル代表取締役COO。「Web制作チームのためのクリエイティブ・プラットフォーム『universions』」では、UIデザイン・開発とマーケティング、色んなところに遊びにいくのが担当。