jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法｜BLACKFLAG

以前、iPhone5sのプロダクトページがリリースした頃に『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して1ページをフルスクリーン表示にして、画面全体をスクロールさせることで、1ページ分（1コンテンツ分）を画面遷移させるUIを実装できるjQueryプラグインを紹介しましたが、自分なりにもっと使いやすい形で実現できないかやってみた実験をご紹介してみます。 【2014/08/05 追記】 各ブロック内での横スライド機能を追加しました。 まずは動作サンプルから。 下記のサンプル画面でマウスホイールスクロールもしくは画面右側のナビゲーションボタン等を使って画面（ページ）を切り替えてみてください。 「jQueryで1ページごとにスクロールして画面遷移させるU

[suomi1200]

oneページスクロール

[knagaharu]

1スクロール1コンテンツで画面遷移

[macuro250]

“skrollr”

[ikea_dless]

メモ

[s99e209]

情報量が多くてポップアップウインドウだと狭いというときに使えそうな画面効果。

[kasumani]

jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法 以前、iPhone5sのプロダクトページがリリースした頃に 『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールす

[zyakky]

VIT参考

[hikohico]

理解