[JavaScript] 자바스크립트에서 스크롤 크기 확인하기
2022. 6. 21. 01:33ㆍProgram/JavaScript
101_자바스크립트에서 스크롤 크기 확인하기
[적용]
- 스크롤 크기에 따라 작업을 처리하고 싶을 때
[문법]
속성 | 의미 | 타입 |
window.scrollX | 수평 방향 스크롤의 크기 | 숫자 |
window.scrollY | 수직 방향 스크롤의 크기 | 숫자 |
[내용]
페이지의 스크롤 크기를 확인하는 데는 수평 방향의 경우 scrollX,
수직 방향의 경우는 scrollY를 사용한다.
const x = window.scrollX;
const y = window.scrollY;
console.log(x, y);
참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김
'Program > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트에서 타이틀 변경하기 (0) | 2022.06.21 |
---|---|
[JavaScript] 자바스크립트에서 스크롤 설정하기 (0) | 2022.06.21 |
[JavaScript] 자바스크립로 새 윈도우 창 열기 (0) | 2022.06.21 |
[JavaScript] 자바스크립트에서 해시 변경 확인하기 (0) | 2022.06.21 |
[JavaScript] 자바스크립트에서 해시(Hash #) 처리하기 (0) | 2022.06.16 |