為何translate的運(yùn)動(dòng)在結(jié)束的時(shí)候始終有點(diǎn)抖動(dòng)?
element.css({
??? 'transition-timing-function': 'linear',
??? 'transition-duration': '5000ms',
??? 'transform': 'translate3d(-' + (width * 2) + 'px,0px,0px)' //設(shè)置頁(yè)面X軸移動(dòng)
});
我改成了這樣的寫(xiě)法:
element.css({
transition:'transform 5s linear',
transform:'translateX(-'+(width*2)+'px)'
});
效果都是一樣的,前面平滑,快結(jié)束的時(shí)候有點(diǎn)抖動(dòng)或者卡頓?
2016-09-03
使用translate3d可以使用設(shè)備的硬件加速,效果會(huì)好于translateX,抖動(dòng)也會(huì)小于或者 ?