スムーズスクロールの設定

1. jQueryのダウンロード
   本家からダウンロードhttps://code.jquery.com/jquery-4.0.0.min.js
2. スクリプトの記述
   

   headタグ内に記述

   <script src="jquery-4.0.0.min.js"></script> 
   
   <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;
   $('html,body').animate({scrollTop:position}, speed, 'swing');
   return false;
   });
   });
   </script>
   

3. 必要に応じてCSSの記述
   

   <link href="style.css" rel="stylesheet" type="text/css">
   

4. リンクの作成
   

   飛び先にIDを与えておく

   <p id="top">
   

   リンク元のhref属性をIDで指定

   <a href="#top">トップへ</>