Ming's develop story

Chapter3 - 스크롤바 움직이기 본문

스파르타코딩클럽 - 항해99/항해99 Chapter3 - react 주특기 기본

Chapter3 - 스크롤바 움직이기

Ming 2021. 11. 25. 08:05

App.js에서 input박스 밑에 만들어보자

 <button
        onClick={() => {
          window.scrollTo({ top: 0, left: 0, behavior: "smooth" }); // 여기에 들어가는 것은 좌표이다.
        }}
      >
        위로 가기
      </button>

위로 가기 버튼을 만들어주고 window.scrollTo()를 통해 누르면 위로 가도록 해준다

behavior: "smooth"를 통해 부드럽게 올라가도록 만들 수 있다.

Comments