Javascript 在touchstart/touchmove上定位元素时平移3D与左/右
我正在为Android平板电脑实现一种功能,通过触摸在页面上移动元素。为了手动测试移动元素的最有效方法,我创建了一个函数,该函数连接到两个div,首先通过分配Javascript 在touchstart/touchmove上定位元素时平移3D与左/右,javascript,html,performance,tablet,acceleration,Javascript,Html,Performance,Tablet,Acceleration,我正在为Android平板电脑实现一种功能,通过触摸在页面上移动元素。为了手动测试移动元素的最有效方法,我创建了一个函数,该函数连接到两个div,首先通过分配box.style.left和box.style.top来更改其位置,另一个通过分配-webkit transform:translate3d(x,y,z)属性 当我在平板电脑上试用时,两个div的性能似乎没有任何差别,所以我想知道我是否应该更喜欢一种方法而不是另一种方法 下面是一个例子。我认为translate3d更快,因为它使用GPU。
box.style.left
和box.style.top
来更改其位置,另一个通过分配-webkit transform:translate3d(x,y,z)
属性
当我在平板电脑上试用时,两个div的性能似乎没有任何差别,所以我想知道我是否应该更喜欢一种方法而不是另一种方法
下面是一个例子。我认为translate3d更快,因为它使用GPU。看