jQueryでサイト内リンクをクリックした時にスムーススクロールをさせる

Pocket

以下のコードをそのままコピペすれば使えます。

$(function(){
	$('a[href^=#]').click(function() {
		var speed = 800;//スクロール速度
		var href= $(this).attr('href');
		var target = $(href == '#' || href == '' ? 'html' : href);
		var position = target.offset().top;
		$('body,html').animate({scrollTop:position}, speed, 'easeOutCirc');
		return false;
	});
});

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*