同じWebページ内のリンクにスムースにスクロールさせる

jQuery

jQueryでスムーススクロール

ページ内で一気にジャンプしてしまうと、同じページなのか違うページに飛んだのか判断ができません。それを解決する一つの方法でもあるのがスムーススクロールです。

jQueryソース

$(function(){
  //ページ内リンクにスムーススクロール
  $('a[href^="#"]').on('click',function(){
  var href= $(this).attr("href");
  var target = $(href == "#" || href == "" ? 'html' : href);
  var position = target.offset().top;
  $('html, body').animate({
    scrollTop:position
  },500, 'swing');
  return false;
  });
});