<a href="#text">クリックすると指定の場所までスクロール</a>
<div class="box"></div>
<p>↓↓↓ ここの下までスクロール ↓↓↓</p>
<p id="text">----- ここまでスクロール -----</p>
html {
  scroll-behavior: smooth;
}
.box {
  height: 2000px;
  width: 100%
}
#text {
  display: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.