[JavaScript] 자바스크립트에서 스크롤 크기 확인하기

2022. 6. 21. 01:33Program/JavaScript

101_자바스크립트에서 스크롤 크기 확인하기

[적용]

  • 스크롤 크기에 따라 작업을 처리하고 싶을 때

[문법]

속성 의미 타입
window.scrollX 수평 방향 스크롤의 크기  숫자
window.scrollY 수직 방향 스크롤의 크기  숫자

[내용]

페이지의 스크롤 크기를 확인하는 데는 수평 방향의 경우 scrollX, 

수직 방향의 경우는 scrollY를 사용한다.

 

const x = window.scrollX;
const y = window.scrollY;

console.log(x, y);

 

 


 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김