忍者ブログ

カレンダー

11 2018/12 01
S M T W T F S
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31

リンク

カテゴリー

フリーエリア

最新コメント

最新記事

最新トラックバック

RSS

ブログ内検索

アーカイブ

[39]  [38]  [37]  [36]  [35]  [34]  [33]  [32]  [31]  [30

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

#は\\でエスケープしないとシンタックスエラー

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

拍手[0回]

PR


忍者ブログ [PR]

graphics by アンの小箱 * designed by Anne