scroll-behavior というプロパティをアンカーがある親要素に指定する。

<a href="#target">smooth scroll link</a>

<div class="container">
...
  <div id="target">...</div>
...
</div>
.container {
  height: 100vh;
  overflow: scroll;
  scroll-behavior: smooth;
}