스크롤 위치 이동(상단으로)

Woody·2021년 11월 22일
0

window.scrollTo(0, 0);

리액트로 개발 중인 웹사이트에서 상황에 따라 버튼에 다른 이벤트를 심어줘야 했다.

사용자가 데스크탑 환경일 경우에는 원래 버튼의 기능이 작동되지만, 모바일 환경일 경우 화면의 최상단으로 스크롤이 이동되도록 구현하려 했다.

그래서 window.scrollTo(0, 0); 이렇게 구현했고, 기능이 잘 작동함을 확인할 수 있었다.

javascript의 window 객체 내장 함수를 활용하는 것이 정답인지는 확실하지 않지만, 긴 코드 필요 없이 간편하게 기능을 구현할 수 있다는 점이 좋아서 이러한 방식으로 구현했다.

++) 추가적으로 사용자 view 에 따라 스크롤이 움직여야 하는 경우에는 scrollIntoView() 메소드도 있다는 것을 기억해두자.

0개의 댓글