오식랜드
[javascript] 화면 스크롤 값 구하기 본문
반응형
window 객체를 console창에 출력해보면 scrollY값에 스크롤 위치가 담긴다는 것을 알 수 있다.
window 이벤트 리스너 중 'scroll'이벤트에 window.scrollY를 출력하게 하면 스크롤 할 때 마다 그 위치값이 나오는 것을 확인할 수 있다.
window.addEventListener('scroll', function(){
console.log(window.scrollY)
});
조건문 등을 이용하여 유용하게 사용해보자!
if(window.scrollY > 1000)
반응형
'dev-log > html·css·js' 카테고리의 다른 글
[javascript] range slider input (0) | 2021.05.13 |
---|---|
[javascript] 요소의 좌표값 구하기 (0) | 2021.05.06 |
[nuxt / motion] clip을 이용한 슬라이드 (0) | 2021.05.04 |
[javascript motion] 밑줄 그어지는 모션 (0) | 2021.05.04 |
[javascript motion] 숫자 카운팅 모션 (0) | 2021.05.04 |
Comments