React.js에서 wheelDelta값을 받아올 수 있는 방법이 있나요? one-page-site 관련

Question

React.js / TypeScript / StyledComponent*제가 React, TypeScript에 능숙하지 않아 문법을 잘 몰라서 헤매고 있는 상황입니다.* 안녕하세요. 현재 one-page 사이트를 React로 클론코딩하고 있는 개발초보입니다. http://www.dfy.co.kr/seoul/이 사이트처럼 스크롤이 감지되면 섹션을 넘기는 방식인데요, window.scrollTo를 이용하여 받아오는 값에 따라서 스크롤이 움직이도록 작동하게는 했는데 wheelDelta 값을 받아 조건을 걸면 끝날 것 같은데 자꾸 wheelDelta값이 정의되어 있지 않다고 나옵니다.구글에서 검색해봐도 이 부분에 대한 정보가 잘 없어서 헤매고 있습니다. deltaY값을 저장, 이전값과 현재값 비교하여 _.throttle 함수 사용하여 하는 방법도 구상해보았습니다. 하지만 wheelDelta을 쓰면 더 간단할텐데.... 값이 받아와지지 않는점이 답답해서요 ㅠ 물론 npm 라이브러리도 사용해보았습니다.! event.originalEvent.wheelDeltaWheelEvent.prototype.wheelDelta 등등모두 써봐도 wheelDelta가 정의되어있지 않은 값이라고 받아올수가 없네요 ㅠ 혹시 react로 one-page를 제작해보신 분이나 wheelDelta값이 아니더라도 다른 값을 이용해 보신 분이 계신다면 도움 부탁드립니다 ..여태 한거 다 지우고 그냥 라이브러리 쓰는게 최선인걸까요 ?ㅜㅜ

킁킁탐정 · Accepted Answer

다음의 문서를 참조하세요.https://reactjs.org/docs/events.html#wheel-events

옥쑤수 · Answer

제가 원하는 답은 아니었지만 deltaY값을 써서 문제 해결했습니다. 답변 감사합니다.

React.js에서 wheelDelta값을 받아올 수 있는 방법이 있나요? one-page-site 관련

2개의 답변

#wheeldelta 목록