シングルページのブロックごとにスクロールできる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」!でした。

Amazonで欲しい商品を安く手に入れる方法!

Amazonでお得に買い物をしたいならAmazonギフト券の現金チャージするのがおすすめです。
現金チャージする度に最大2.5%分のポイントが貯まります。

現在キャンペーン中なので、初めて5,000円以上の現金チャージする場合は1,000円分のポイントがもらえます。
いつキャンペーンが終了するか分からないので、Amazonをよく利用される方はいますぐにやっておきたいですね。

この記事を読んだ人はこんな記事も読んでいますよ