目前webapp 开发中要实现动画交互 translate3d 应该是最流程的了, 但是貌似有个问题:比如一个从左侧滑出的侧边栏,在动画第一次执行的时候总有点卡顿,当你来来回回多滑几次它就顺畅了。。。?不知道什么原因! 之前我是想 会不会是因为 刚开始浏览器并没留意到这个元素接下来的动画,然后你来回滑几次后他留意了(也就是translate3d 骗浏览器加速了),所以后面顺畅了, 但是我在加上will-change并没什么改善,第一次还是卡顿。 望知乎大神们能给指点指点。
另外webapp 性能着实是差,苹果几乎可以忽略,但是较差的andeoid简直没法直视,卡的像小时候看 劣质 vcd 一样,不知道还有没有优化办法。。。。?
ps: 知乎提了这个问题万年后预览才8,5次是我自己,看CSDN了!感谢各位大神的回答