View

Window scrollTo(), scrollBy()

special 2021. 8. 26. 10:30

window.scroll()(window.scrollTo()와 효과적으로 같다) 은 document의 절대적인 위치로 스크롤한다

document의 (0,0)에서부터 시작하여 parameter로 넘겨준 값만큼 이동한다.

window를 절대적인 좌표로 이동한다.

 

window.scrollBy()는 상대적인 스크롤링에 사용한다.

현재 위치를 기준으로 parameter로 넘겨준 값만큼 이동한다.

parameter로 넘겨준 값만큼 이동하므로, scrollBy()를 여러번 클릭하면 그 값만큼 계속 이동한다.

상대적인 스크롤링에 사용하는 메소드 : window.scrollBy(), window.scrollByLines(), window.scrollByPages()

 

https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll

https://developer.mozilla.org/ko/docs/Web/API/Window/scrollTo

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo

https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollBy

https://javascript.info/size-and-scroll-window#window-scroll

https://www.w3schools.com/jsref/met_win_scrollto.asp

Share Link
reply
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28