シングルページのブロックごとにスクロールできるjQueryプラグイン「Scrollify」!

2015/12/06

こんにちは。
今回はシングルページのブロックごとにスクロールできるjQueryプラグイン「Scrollify」!です。

縦に長いシングルページを作る機会があり、jQueryプラグイン「Scrollify」を使ってみたので紹介します。

シングルページのブロックごとにスクロールできるjQueryプラグイン「Scrollify」!

Scrollify

scrollify

 

jQueryプラグイン「Scrollify」をダウンロードしてみよう!

https://github.com/lukehaas/Scrollifyにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「Scrollify」の使い方

jQuery本体とjquery.scrollify.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
各ブロックの要素を指定します。

 

html部分を記述します。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。縦に長いシングルページを作る際に使ってみてはどうでしょうか。
以上でシングルページのブロックごとにスクロールできるjQueryプラグイン「Scrollify」!でした。

RELATED POST