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

남양주개발자

·

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
반응형
그리드형

이 포스팅은 쿠팡파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

💖 저자에게 암호화폐로 후원하기 💖

아이콘을 클릭하면 지갑 주소가자동으로 복사됩니다