메뉴 선택시 스크롤 부드럽게 이동

<nav>
  <a href="#page-1">1</a>
  <a href="#page-2">2</a>
  <a href="#page-3">3</a>
</nav>
<div class="scroll-container">
  <div class="scroll-page" id="page-1">1</div>
  <div class="scroll-page" id="page-2">2</div>
  <div class="scroll-page" id="page-3">3</div>
</div>

css

.scroll-container{
scroll-behavior: smooth;
}

See the Pen 메뉴 선택시 스크롤 부드럽게 이동 by 정은 (@luchiaChoi) on CodePen.