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");
	}

});