<a href="#○○○">でリンクする「アンカーリンク」ですが、jQueryを利用してアンカーリンクの先頭まで自動でスクロールするという今となってはあって当たり前の機能ですよね。 そのJavaScriptソースがこちらですが $(function(){ jQuery("a[href^=#]").click(function(){ var Hash = $(this.hash); var HashOffset = $(Hash).offset().top - 80; jQuery("html,body").animate({ scrollTop: HashOffset }, 500); return false; }); }); これを<head>タグ内の<script>タグに記述すれば、そのページのアンカーリンク全てがスクロール機能を実装できます。 しかし、ページ遷移がともなうアンカー
![別ページへのアンカーリンクにもアンカースクロール機能をつけるJavaScript](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7d95c0713adc7c83153b3f87a8457c8473288c3/height=288;version=1;width=512/https%3A%2F%2Fminagawa.design%2Fblog%2Fwp-content%2Fuploads%2F2018%2F12%2Fwebdesign-3411373_640.jpg)