为何translate的运动在结束的时候始终有点抖动?

来源:2-2 页面之间的卷滚切换效果

mrszhao

2016-09-02 22:06

element.css({
    'transition-timing-function': 'linear',
    'transition-duration': '5000ms',
    'transform': 'translate3d(-' + (width * 2) + 'px,0px,0px)' //设置页面X轴移动
});

我改成了这样的写法:

element.css({

transition:'transform 5s linear',

transform:'translateX(-'+(width*2)+'px)'

});

效果都是一样的,前面平滑,快结束的时候有点抖动或者卡顿?

写回答 关注

1回答

  • 夜幕丶将临
    2016-09-03 22:23:15

    使用translate3d可以使用设备的硬件加速,效果会好于translateX,抖动也会小于或者  

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211523 学习 · 540 问题

查看课程

相似问题