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

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

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

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

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

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

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

詳細はこちらからどうぞ

Screen Shot 2014-12-08 at 03.41.58
紹介ページ兼Demoページになっています。
jQuery One Page Scroll by Pete R. | The Pete Design

まとめ

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

フォローして続編をチェック

@universionsをフォロー