jQuery ページスクロール

//トップにスクロール
$('html,body').animate({ scrollTop: 0 }, 'fast');

// アンカー取得
$('a[href^=#]')


//実際に記述

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


<a href="#1">section1</a>
    <div id="1">section1の内容</div>

 

投稿者 kato

これはテスト画像ですよ。テストです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA