#使用触屏事件实现滚动

原理 #

1. 将原本的滚动容器设置为overflow:hidden，并根据是横向滚动还是纵向将滚动容器的 translateX 或 translateY 设置为 0. 如:transform:translateX(0)
2. touchstart事件中记录开始点
3. touchmove事件记录结束点，并结合开始点计算出手指的移动距离
4. 获取原本的translateX或translateY值，并和手指的移动距离相加，得到最终需要移动到的位置值，然后再将该值设置到translateX 或 translateY
5. 滚动范围只能在 0 到超长容器的scrollHeight - 滚动容器的offsetHeight之间

示例代码 #