[jQuery]スムーススクロールの着地点を上下にずらす方法

jQuery

2019.06.252024.08.21

着地点を下にずらす
着地点を上にずらす

着地点を下にずらす

$(function(){
	$('a[href^=#]').click(function(){
		var speed = 500;
		var href= $(this).attr("href");
		var target = $(href == "#" || href == "" ? 'html' : href);
		var position = target.offset().top + 100;
		$("html, body").animate({scrollTop:position}, speed, "swing");
	return false;
	});
});

$(function(){

$('a[href^=#]').click(function(){

var speed = 500;

var href= $(this).attr("href");

var target = $(href == "#" || href == "" ? 'html' : href);

var position = target.offset().top + 100;

$("html, body").animate({scrollTop:position}, speed, "swing");

return false;

});

着地点を上にずらす

$(function(){
	$('a[href^=#]').click(function(){
		var speed = 500;
		var href= $(this).attr("href");
		var target = $(href == "#" || href == "" ? 'html' : href);
		var position = target.offset().top - 100;
		$("html, body").animate({scrollTop:position}, speed, "swing");
	return false;
	});
});