ページ上部へ移動するボタンの挙動

ページをスクロールして、下部の方に行き、上部へ移動するためのボタンの挙動を構築。

するするっと移動するスクロール

$(window).scroll(function () {
	if ($(this).scrollTop() > 100) {
		//ボタンの表示方法
		$('.btn_move_top').fadeIn();
	} else {
		//ボタンの非表示方法
		$('.btn_move_top').fadeOut();
	}
});
$('.btn_move_top').click(function() {
	// スクロール
	$('html, body').animate({scrollTop: 0}, 500, 'swing');
	return false;
});