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

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

jQueryプラグイン「Scrollify」

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

セッティング 基本

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


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

セッティング ブラウザの高さ単位にする場合

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

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

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


    Warning: Undefined array key "HTTP_REFERER" in /home/xs241045/ridesign.jp/public_html/lib/wp/wp-content/themes/libridesign2017/single-post.php on line 54

Warning: Undefined array key "HTTP_REFERER" in /home/xs241045/ridesign.jp/public_html/lib/wp/wp-content/themes/ridesignjp2016/relatedLinks.php on line 10