＆アンカーポイントの少し上に移動させる
ページ内リンクを押してを移動するときに、スルスルッと移動できたらなんかカッコよくて嬉しいですよね
そんなときに使うコード
参考にしたサイト様
https://125naroom.com/web/2899
$(function(){
$('a[href^="#"]').click(function(){
var speed = 600; //移動にかかる時間を調節できます
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});で、これで移動するとメニューバーに目的のものが隠れてしまったりするので
少し上に移動してくれればいいのに・・・そう思うことがあります
そんなときはこっち
$(function(){
$('a[href^="#"]').click(function(){
var adjust = 50;
var speed = 600;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top - adjust;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
下へ移動を押すと画面下部に移動
下部にある上へ移動を押すとここに帰ってこれます