버튼클릭 스크롤 구현

특정 엘리먼트(버튼)을 누르면 특정 엘리먼트로 스크롤되는 기능을 만들어보자

<a> 태그는 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용하는데 , 이 하이퍼링크를 아래쪽에있는 엘리먼트에 적용시키면
버튼을 누르면 스크롤되는 기능이 구현된다

예를들어서,

<a href="#Home">홈버튼</a>

을 누르면

<div id='Home'></div>

으로 이동한다

추가로, 동적이게(부드럽게) 내리는방법

html {
  scroll-behavior: smooth;
}

를 적용한다