본문 바로가기
공부/자바스크립트

탑 버튼 scrollTo

by 매일삼겹살 2021. 5. 6.
반응형
    element.onclick = () => {
        window.scrollTo({top: 0, behavior: 'smooth'});
    }

사이트를 보다가 스크롤을 많이 내렸을 때 탑으로 보내주는 버튼을 볼 수가 있는데

 위에 코드로 쉽게 구현할 수 있다. 

 

behavior : 'smooth' 를 넣으면 말 그대로 스무스하게 top: 0 좌표로 이동시켜 준다.

넣지 않는다면 순간이동시켜줄 것이다.

 

 

728x90

댓글