[JS] window.scrollTop의 behavior 속성

apro_xo·2022년 6월 17일
0
post-thumbnail
post-custom-banner

기록

프로젝트를 만들어 보다가 스크롤 컨트롤러 버튼이 있었으면 좋겠다는 생각을 해서 만들었는데,,,
스크롤이 너무 많이 내려가면 위로 스크롤 하기가 너무 귀찮기 때문에 버튼 하나만 누르면 맨 위로 올라가는 버튼을 만들었다.

window.scrollTo(0,0)

보통 이렇게만 사용해왔는데, 새로운 behavior 속성을 알게 되었다.

behavior는 뭐하는거야?

behavior 속성을 쓰지 않았을 때는 그냥 확! 올라갔었는데, behavior으로 css animation 또는 transition을 적용한 것 처럼 스무스하게 올라가게 할 수 있었다.

사용법

window.scrollTo({top:0, left:0, behavior:"smooth"})

이렇게 사용하면 스무스하게 스크롤이 올라간다.

profile
유능한 프론트엔드 개발자가 되고픈 사람😀

0개의 댓글