본문으로 건너뛰기

스크롤은 어떻게 동작하나요?

스크롤 입력을 실시간으로 분석하세요. 마우스 휠, 트랙패드 또는 터치 스크롤의 스크롤 방향, 델타 값, 속도 및 부드러움을 확인하세요 — 모든 처리는 브라우저에서 로컬로 수행됩니다.

이 테스트는 WheelEvent 및 터치 스크롤 데이터를 캡처하여 스크롤 방향, 델타 값(deltaX, deltaY), 초당 픽셀 단위의 스크롤 속도, 다양한 입력 장치에서의 스텝 일관성을 표시합니다.

표준 마우스 휠 노치는 대부분의 브라우저에서 100~120px의 deltaY를 생성하며, 트랙패드 스크롤은 관성 감속과 함께 훨씬 작고 부드러운 델타 값을 생성합니다.

Scroll here
Direction
Delta0px
Events/s0

결과는 무엇을 의미하나요?

결과 범위 의미
양호 부드러운 감속과 함께 일관된 델타 값 스크롤 입력이 정상적으로 작동합니다. 노치당 델타 값이 균일하거나(마우스) 부드러운 관성 곡선을 보여(트랙패드) 적절한 드라이버 및 하드웨어 기능을 나타냅니다.
주의 간헐적으로 불규칙한 델타 값 또는 방향 역전 경미한 불일치는 스크롤 휠 인코더 마모, 더러운 스크롤 메커니즘 또는 충돌하는 스무스 스크롤 소프트웨어를 나타낼 수 있습니다. 마우스를 사용하는 경우 스크롤 휠을 청소하세요.
불량 불규칙한 델타, 건너뛴 스텝 또는 역전된 방향 스크롤 휠 인코더가 고장날 수 있습니다. 오래된 마우스에서 흔합니다 — 로터리 인코더 접점이 시간이 지남에 따라 열화되어 유령 스크롤이나 방향 역전을 유발합니다.

일반적인 문제 및 해결 방법

스크롤 방향이 무작위로 역전됨

이것은 마모된 스크롤 휠 인코더의 전형적인 증상입니다. 압축 공기로 인코더를 청소해 보세요. 문제가 지속되면 인코더 접점이 산화되었을 가능성이 있으며 마우스를 교체해야 할 수 있습니다.

스크롤이 끊기거나 스텝을 건너뜀

브라우저 설정에서 스무스 스크롤이 활성화되어 있는지 확인하세요(Chrome: chrome://flags → Smooth Scrolling). Windows에서는 마우스 드라이버가 최신인지 확인하세요. 일부 서드파티 스크롤 스무딩 소프트웨어가 브라우저 스크롤과 충돌할 수 있습니다.

관련 도구

자주 묻는 질문

스크롤 이벤트에서 deltaY란 무엇인가요?

deltaY는 브라우저의 WheelEvent가 보고하는 수직 스크롤 양입니다. 마우스 휠의 경우 한 노치는 일반적으로 100~120px의 deltaY를 생성합니다. 트랙패드는 더 작고 연속적인 값을 생성합니다. 정확한 값은 OS, 브라우저 및 스크롤 속도 설정에 따라 달라집니다.

트랙패드 스크롤이 마우스 휠과 다른 이유는?

트랙패드는 서브 픽셀 델타 값과 관성 모멘텀을 사용한 정밀 스크롤을 사용하며, 마우스 휠은 이산적인 단계별 델타를 생성합니다. 이것은 설계상 의도된 것으로 — 트랙패드는 부드러운 감속 물리를 가진 터치 표면을 시뮬레이션합니다.

이 테스트로 자연 스크롤과 역방향 스크롤을 감지할 수 있나요?

예. 테스트는 각 스크롤 이벤트의 원시 deltaY 부호를 표시합니다. 아래쪽 손가락 움직임에서 양수 deltaY는 자연(역방향) 스크롤이 활성화되어 있음을 나타냅니다. 아래쪽 움직임에서 음수 deltaY는 전통적인 스크롤을 의미합니다.

데이터가 업로드되나요?

아니요. 모든 WheelEvent 및 터치 스크롤 데이터는 브라우저에서 완전히 캡처되고 분석됩니다. 어떤 서버로도 정보가 전송되지 않습니다.