Android Chrome 滚动轨迹检测

在下面区域内用手指上下滑动,或在电脑上使用鼠标滚轮。页面只记录真实发生的事件,不假设所有 Chrome 版本都有完全相同的顺序。

等待开始

建议先点“开始新测试”,再在测试区域内完成一次完整滑动。测试区域独立滚动,不会带动整个页面。

触摸滚动区域

这是一个专门用于观察滚动行为的区域。请从中间位置按住后向上或向下拖动,保持手指移动一段距离。

起点参考区

滚动过程中,浏览器可能产生多次 pointermove、touchmove 和 scroll。它们的次数受手指速度、设备采样率和浏览器调度影响。

中段参考区

当浏览器接管触摸滚动时,某些设备可能触发 pointercancel 或 touchcancel;这不一定是错误,而是手势控制权发生了变化。

终点参考区

松开手指后,惯性滚动仍可能继续产生 scroll 事件。轨迹会持续记录到滚动位置稳定为止。

起点终点蓝线:手指或鼠标指针的移动轨迹

轨迹图使用屏幕坐标记录手指移动;滚动区域滚动时,内容会移动,但轨迹仍按触摸点的实际路径绘制。

滚动概况

起始位置0 px
结束位置0 px
最大位移0 px
方向-
0pointerdown
0pointermove
0pointerup
0pointercancel
0touchstart
0touchmove
0touchend
0touchcancel
0wheel
0scroll
0scrollend

事件链(实际触发顺序)

  1. 暂无事件

滚动轨迹采样

#时间scrollTop变化方向速度
暂无 scroll 采样

事件明细

#事件设备pressure真实事件时间
暂无事件