2013年12月11日

jQuery:横着な人向けのアンカーリンクでスクロールするやつ


とび先がidでもa nameでもOK。
hrefが#で始まってるリンク全てが対象。
同じIDとnameが有ったらIDの方が優先される仕様。
// アンカーリンクスクロール
jQuery(document).ready(function($){
  $('a[href^=#]').click(function(e){
    e.preventDefault();
    var h = $(this).attr('href');
    var t = null;
    if(0 < $(h).size()){
      t = $(h);
    }else{
      t = h.slice(1);
      t = $('a[name='+t+']');
    }
    if(0 < t.size()){
      $('html, body').animate({scrollTop: t.offset().top }, 'fast', 'swing');
    }
  });
});
 

0 件のコメント:

コメントを投稿

OpenIDからもお気軽にどうぞ!