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
事件链(实际触发顺序)
- 暂无事件
滚动轨迹采样
| # | 时间 | scrollTop | 变化 | 方向 | 速度 |
|---|---|---|---|---|---|
| 暂无 scroll 采样 | |||||
事件明细
| # | 事件 | 设备 | pressure | 真实事件 | 时间 |
|---|---|---|---|---|---|
| 暂无事件 | |||||