2行追加だけでスムーススクロールを実装したサンプル

<p><a href="#bottom">bottomに移動</a></p>
<p>サンプルのテキスト</p>
<p>サンプルのテキスト</p>
<p>サンプルのテキスト</p>
<p>サンプルのテキスト</p>
<p>サンプルのテキスト</p>
<p>サンプルのテキスト</p>
<p>サンプルのテキスト</p>
<p id="bottom">bottom</p>
<p><a href="#">ページトップヘ移動</a></p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/16.1.3/smooth-scroll.min.js"></script>
<script>new SmoothScroll('a[href*="#"]', {updateURL: false});</script>

bottomに移動

サンプルのテキスト

元記事を表示する

bottom

ページトップヘ移動