リンクをクリックしたらするするとスクロールする『スムーススクロール』

公開日

すべてのリンクに対して設定することもできますが、
他のプラグインなどに干渉することがあります。

ここではクラスを指定して動作させるよう設定します。

<a href="smoothScroll">ページトップへ戻る</a>

aリンクに「smoothScroll」とうクラスを指定しました。

$(function(){
    $('.smoothScroll').click(function(){ //クラス名を設定
    var speed = 1000;
    var href= $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $("html, body").animate({scrollTop:position}, speed, "swing");
    return false;
  });
});