window.scrollTo

React/React

[React] Window.ScrollTo - 스크롤의 위치를 이동

최근 토이프로젝트로 쇼핑몰을 만들면서 페이지 이동 시에 항상 최상단에 스크롤이 위치하게끔 구현하였다. 1. Window.scrollTo() 는?스크롤을 이동시키는 방법에는 두 가지가 있다.첫번째로는 x축, y축의 좌표만을 설정해서 변경하는 방법으로 아래와 같이 쓰인다.window.scrollTo(x축, y축)// 문서의 왼쪽 상단을 기준으로 x축은 가로축, y축은 세로축두번째로는 option 값에 좌표 및 효과를 설정해서 변경하는 방법으로 아래와 같이 쓰인다.window.scrollTo(option)// option 값 - top: 세로위치, left: 가로위치, behavior: 스크롤 효과(smooth, instant, auto) 2. 페이지 이동 시 최상단에 위치시키기아래 코드처럼 scrollT..

MJFE
'window.scrollTo' 태그의 글 목록