ページ内リンクのスクロール方法
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="#"]')