使用javascript更改dom的translate3d不平滑的本机幻灯片行为

我在touchstart上编写了一个web应用程序，使用touchevent更改dom的位置

 start_position = [event.pageX,event.pageY]

在某个时候添加touchmove事件，每个触发器，在requestAnimationFrame的函数中更改Translate3D

 current_position = [event.pageX,event.pageY]
 dom.style.webkitTransform = 'translate3d('+Math.round(offset*(i-1)+self.current_pos[0]-self.start_pos[0])+'px,0,0)'

我想还有一些我不知道的东西可以解决这个问题，使动画变得平滑

我搜索了iScroll的源代码，但不明白。。

---

切换到iScroll5。它更加成熟、可配置、稳定、简单，并且具有更好的性能

为了获得更好的性能，可以选择使用requestAnimationFrame，这真是太棒了

options.useTransition

iScroll使用CSS转换来执行动画动量和反弹。通过将其设置为false，将改用requestAnimationFrame。 在现代浏览器上，这种差异几乎不明显。在旧设备上，转换性能更好。 默认值：true