개발/Javascript

자바스크립트 스크롤 맨 위로/맨 아래로 올리기/내리기

남양주개발자 2021. 10. 27. 08:09
728x90
반응형

자바스크립트 스크롤 맨 위로/맨 아래로 올리기/내리기

자바스크립트로 스크롤 최상단, 최하단으로 이동시키기 위해 전역객체(window) scrollTo 메서드를 활용하면 굉장히 간단하게 해결할 수 있습니다.

window.scrollTo(x-좌표, y-좌표)
  • x-좌표는 문서의 왼쪽상단부터 시작하는 픽셀단위의 가로축입니다. 
  • y-좌표는 문서의 왼쪽상단부터 시작하는 픽셀단위의 세로축입니다.

맨 아래로 스크롤 이동 방법

window.scrollTo(0, document.body.scrollHeight);

맨 위로 스크롤 이동 방법

window.scrollTo(0, 0);
728x90
반응형
그리드형