2Q of TDS
3/22/2016 - 4:15 AM

ページ内アンカーでヌルっとスクロールして動くやつ

ページ内アンカーでヌルっとスクロールして動くやつ

$(function(){
   // class="scroll"をクリックした場合に処理
  $('a[href^=#].scroll').click(function(){
      // スクロールの速度
      var speed = 400; // ミリ秒
      // アンカーの値取得
      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;
   });
});
$(function(){
   // #で始まるアンカーをクリックした場合に処理
   $('a[href^=#]').click(function() {
      // スクロールの速度
      var speed = 400; // ミリ秒
      // アンカーの値取得
      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;
   });
});