스크롤 방향 탐지 검색 결과
1 개의 검색 결과가 있습니다.
Javascript

[웹 개발] 스크롤 방향 판별 및 스크롤 내릴 때에만 헤더 감추기

pageYOffset으로 스크롤 방향 판별하기 스크롤 방향 판별을 하기 위해 사용할 수 있는 여러 내장 프로퍼티들이 있지만 그중에 크로스 브라우징 문제가 없는 pageYOffset을 이용한 방법을 소개하겠습니다. 이것도 IE8이하에서는 작동하지 않지만, 저 정도의 구버전은 굳이 챙기지 않도록 하겠습니다. 먼저, 스크롤이 발생 중인 상태를 탐지하는 이벤트 리스너가 필요합니다. 이에 따라 필요한 이벤트는 "scroll" 입니다. 만들어야 하는 코드는 "scroll" 이벤트를 등록하는 이벤트 리스너와 이벤트가 발생할 때마다 호출될 이벤트 핸들러(콜백 함수)입니다. * 예시 코드 var prevScrollTop = 0; document.addEventListener("scroll", function(){ var..

2021. 10. 25. 08:00