Front-end/JavaScript

[자바스크립트] 스크롤 위치 구하기, 스크롤 맨 위로, 위치 이동

파리외 개발자 2022. 6. 11. 17:23

스크롤 위치 구하기 - pageOffset

현재 창에 scroll이벤트가 일어났을 때 페이지의 전역위치를 구해주어 스크롤의 위치를 나타낸다.

스크롤의 위치에 따라 페이지의 전역위치를 나타낸다.

 

스크롤 위치 이동 - scrollTo( )

top버튼에 클릭 이벤트가 일어났을 시 scrollTo를 이용해 스크롤의 위치를 0으로 바꿔준다.

 

스크롤 위치 이동 - scrollBy( )

정해진 위치로 이동시키는 scrollTo와 달리 By는 일정 거리만큼 이동시킨다.

스크롤의 위치가 100씩 이동한다.