ページ内スクロールをスムーズにしよう

よくあるページ内リンクってクリックしたら指定場所に瞬間移動します。

でもページ内リンクくらいスムーズに遷移しようよって思わないですか？
私は思います。

そんな時はこれをjsファイルに突っ込みます。（jQueryですね）

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

リンクボタンクリックでいい塩梅のスルスルスクロールが出来上がりです。

ちなみに「var speed = 800;」の数値を変えると移動スピードが調整できます。