Blog スタッフブログ

こんにちわ、WEB開発の米田です。

WEBページやWORDPRESSでのページ内リンクの際に通常のaリンクですると通常のリンクと同様飛ぶような動作になります。そこの改善のためのコードになります。

jsファイルにこちらを記入すればスムーズなページ内リンクが動作します。

$(document).ready(function() {
  $(".scroll").click(function(){
    $('html,body').animate({ scrollTop: ($($(this).attr("href")).offset().top) });
    return false;
  });
});

押したらページ内リンクが動作する箇所に.scrollを追加すればスムーズなページ内リンクになります。