我相信虽然javascript是一个选项,但通过强制硬件加速CSS3,您可以获得更流畅的动画。您可以通过在移动的div上设置以下CSS3
属性来实现此目的:
div.hardware-accelarate {
-webkit-transform: translate3d(0,0);
-moz-transform: translate3d(0,0);
-ms-transform: translate3d(0,0);
-o-transform: translate3d(0,0);
transform: translate3d(0,0);
}
我已经做了一个plunkr设置,以便测试和调整…