同一ページ内でブロックごとにスクロールさせる

jQueryプラグイン「Scrollify」

「Scrollify」は、一つのページ内で、ブロック単位でスクロールできるようにするjQueryプラグイン。

.example-classnameは、ブロックに付けている共通のclass名。


$(function() {
	$.scrollify({
		section : ".example-classname",
	});
});

ブラウザの高さを１ブロックにしたい場合は以下のように書く。ウインドウの高さを取得して、.example-classnameにclassを追加する。

$(function() {
	$(".example-classname").css({"height":$(window).height()});
	$.scrollify({
		section:".example-classname"
	});
});

自分で各ブロックの高さを決めたい場合は、それぞれのブロックの高さをcssで指定すればOK。