스크롤바 움직이기(scrollTo)

내가 만든 항목들이 길어지는경우 최상단으로 이동하는 버튼을 만들어보자.

 

button onClick={() => {        window.scrollTo({ top: 0, left: 0, behavior: "smooth" });       }}>위로가기</button>

여기에서 알아두면 좋은 부분은,  

 

- top , left 로 특정위치로 움직일수도있는것처럼 좌표를 이용하거나 ref를 통해 특정 엘리먼트 위치를 받아서 이동시킬 수 도있다. 

- behavior : "smooth" : 이 내용을 추가함으로써, 한번에 올라가는게 아니라 한번에 올라가지않고 말그대로 자연스럽게 올라가는 효과를 만들어준다.