為何translate的運動在結束的時候始終有點抖動?
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)'
});
效果都是一樣的,前面平滑,快結束的時候有點抖動或者卡頓?
2016-09-03
使用translate3d可以使用設備的硬件加速,效果會好于translateX,抖動也會小于或者 ?