スポンサーリンク

ページ内アンカーリンクにスクロールする

ページ内でアンカーリンクを貼った際にスムーズにスクロールするjQueryです。

$(function(){
  $('a[href^="#"]').click(function(){
    var speed = 500;
    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;
  });
});

 

タイトルとURLをコピーしました