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 |
//トップにスクロール $('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> |

最新情報をチェックしよう!