JavaScript

独自データ属性の数値をとってくる

<link rel="canonical" href="http://example.jp/">
$('link[rel="canonical"]').attr('href');

スムーズスクロール微妙版

そもそも#(ハッシュ)を使うべきだが、アクセス解析の都合などで必要な場合。

$(function(){
// パラメータからid=""を取り出す
var multiParameter = location.search.slice(1).split('&'), // パラメータから2文字目以降を取り出し、「&」区切りで分割
length = multiParameter.length,
i,
hash = '';
console.log(multiParameter);
for(i=0; i<length; i++){
var sigleParameter = multiParameter[i].split('='); // 「=」区切りで分割
//console.log(i);
//console.log(sigleParameter);
if(sigleParameter[0] === 'id'){
hash = '#' + sigleParameter[1];
break; // idの中身が取れたらforは終わり
}
}
// スムーズスクロールの処理
if(hash !== '') {
var $tgt = $(hash);
var pos = $tgt.offset().top - 150;
$("html, body").animate({scrollTop:pos}, 400, "swing");
}
});

最終更新: 2019-01-05 (土) 17:22:00