しろがねによる技術日記

メインはIT日記的な感じで書きますが、ほかにもいろいろ書きます

ページ内リンクのスクロール方法

Javascript

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

href=“#” は除外したい場合は、下記に置き換える

$('a[href*="#"]:not([href="#"]')