他ページ指定箇所へのリンクをスクロールしながら移動する

javascript関連
2017年6月18日

他のページの指定箇所へのリンクで躓いたので備忘録。
基本的なjsは以下を。

$(window).on('load', function(){
var url = $(location).attr('href');
           setTimeout(function(){ //ロード後に少し時間をおきたい場合
		if(url.indexOf("?id=") != -1){
		var id = url.split("?id=");
		var $target = $('#' + id[id.length - 1]);
		var topHieght = 150;//画面トップに固定ナビなどがあった場合の高さ
		if($target.length){
			var pos = $target.offset().top - topHieght;
			$("html, body").animate({scrollTop:pos}, 1000);
			}
		}
        },100);
});

これで問題ないが、MS Edge MS ieのみ何故か指定箇所からズレる。
HTMLも問題なく、jsの読み込み順などが原因かと思ったら
Adboe typekitのwebフォントの読み込みコードの問題だった。
webフォント利用時には注意が必要！！

PAGE TOP