Wheel 이벤트와 Scroll 이벤트 - prgrms-web-devcourse/Team_Alchomist_ShakeNMatch_FE GitHub Wiki

onscroll
Scroll 이벤트는 'element가 scroll 됐을 때' 발동한다. 즉, 방법에 관계 없이 사용자가 스크롤을 이동시킨 경우에 해당된다.
따라서 마우스 휠을 통해 스크롤을 했던, 키보드의 화살표 키를 사용해서 스크롤을 했던, pageup/pagedown 키를 사용해서 스크롤을 했던지에 관계 없이,
스크롤이 이동했다면 스크롤 이벤트가 발생한다.
대상 요소가 수평 또는 수직으로 스크롤 된 픽셀의 수치를 반환하는 scrollX, scrollY 프로퍼티를 활용할 수 있다.

onwheel
반면 Wheel 이벤트는 '사용자가 마우스의 휠을 사용했을 때' 발동한다. 대상 element의 스크롤 유무와 관계없이 마우스 휠을 동작했을 때 이벤트가 발동하는 것이다.
Wheel 이벤트는 deltaX, deltaY 프로퍼티를 사용해 휠이 수평 또는 수직으로 움직인 수치를 얻을 수 있다.
휠을 위로 스크롤하면 양수, 아래로 스크롤하면 음수가 반환된다.