스크롤 위치 구하기 - pageOffset
현재 창에 scroll이벤트가 일어났을 때 페이지의 전역위치를 구해주어 스크롤의 위치를 나타낸다.
스크롤의 위치에 따라 페이지의 전역위치를 나타낸다.
스크롤 위치 이동 - scrollTo( )
top버튼에 클릭 이벤트가 일어났을 시 scrollTo를 이용해 스크롤의 위치를 0으로 바꿔준다.
스크롤 위치 이동 - scrollBy( )
정해진 위치로 이동시키는 scrollTo와 달리 By는 일정 거리만큼 이동시킨다.
스크롤의 위치가 100씩 이동한다.
'Front-end > JavaScript' 카테고리의 다른 글
[JS] 리터럴 클래스 (0) | 2022.06.14 |
---|---|
[자바스크립트] 이미지에 애니메이션 이징 효과 주기, easing (0) | 2022.06.11 |
[자바스크립트] 새 창 만들기, 창 크기 변경, 윈도우 창 이동, 위치출력 (0) | 2022.06.10 |
[자바스크립트] js로 웹 문서, 스크린, 브라우저의 크기 구하기 (0) | 2022.06.09 |
[자바스크립트] 스크롤 위치, scrollLeft, scrollTop (0) | 2022.06.07 |