Scroll Links - yagisawatakuya/Wiki GitHub Wiki
ページ内リンク
$(function() {
$('a[href^=#]').click(function() {
var target = $(this.hash);
if (!target.length) return ;
var targetY = target.offset().top + 10;
$('html,body').animate({scrollTop: targetY}, 800, 'swing');
window.history.pushState(null, null, this.hash);
return false;
});
});
ページ内リンク(固定ヘッター対応)
$(function(){
//ヘッダーの高さ分mページトップの位置をずらして移動
// var headerHight = 60;
var headerHight = 59;
$('a[href^=#]').click(function(){
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top-headerHight; //ヘッダの高さ分位置をずらす
$("html, body").animate({scrollTop:position}, "first");
return false;
});
// #で始まるページ外アンカーをクリックした場合に処理
var headerFixHight = 59; // ヘッダの高さ
var hash = location.hash; //#以降の部分を取得します。
var target2 = $(hash);
if (!hash == false) {
var position2 = target2.offset().top - headerFixHight;
$("html, body").animate({scrollTop:position2}, "first");
}
});