DOM 이벤트 객체의 deltaY값을 활용하면 된다.
deltaY값은 스크롤 이벤트당 절대적인 픽셀의 이동값을 나타낸다.
스크롤을 내릴땐(화면이 올라갈땐) 음수로,
스크롤을 올릴땐(화면이 내려갈땐) 양수로 표현이 되기 때문에
방향을 알 수가 있다.
window.addEventListener('mousewheel', e => {
console.log(e.deltaY);
if(e.deltaY > 0 ) console.log('wheel down')
if(e.deltaY < 0 ) console.log('wheel up')
})'[개발언어] > Javacript' 카테고리의 다른 글
| 모니터 화면 주사율, requestAnimationFrame의 이해 (0) | 2023.03.21 |
|---|---|
| for 문과 foreach문 차이 (0) | 2023.03.21 |
| DOM Node에 html 삽입 : insertAdjacentHTML vs innerHTML (0) | 2023.01.12 |
| JS를 이용한 CSS 클래스 제어 (0) | 2022.10.26 |
| url 쿼리값 객채로 만들기 (dom 이용) (0) | 2022.10.26 |