トップに戻るボタン

index.html

<div id="pagetop"><a href="#">ページの先頭へ</a></div>

style.css

#pagetop {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 10px;
  z-index: 10000;
}

top_btn.js

	// ページトップボタンを表示
	var topBtn = $('#pagetop');   
	topBtn.hide();
	$(window).scroll(function () {
		if ($(this).scrollTop() > 300) {
			topBtn.fadeIn();
			} else {
			topBtn.fadeOut();
		}
	});
	topBtn.click(function () {
		$('body,html').animate({
			scrollTop: 0
		}, 500);
		return false;
	});