Web production note

 【更新日 :

【jQuery】ページの一番上へスムーススクロールさせる

Category:
jQuery

ページの一番上へ戻るボタンなどに。
一番上へ戻るだけならシンプルな記述で実装できます。

jQuery(document).ready(function($){
	var pageTopBtn = $('.hoge'); //ボタンのclassかidを指定
	var speed = 800; //スクロールスピード
	pageTopBtn.click(function(){
		$("html, body").animate({scrollTop:0}, speed, "swing");
	});
});
目次 を閉じる