Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在touchstart/touchmove上定位元素时平移3D与左/右_Javascript_Html_Performance_Tablet_Acceleration - Fatal编程技术网

Javascript 在touchstart/touchmove上定位元素时平移3D与左/右

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。

我正在为Android平板电脑实现一种功能,通过触摸在页面上移动元素。为了手动测试移动元素的最有效方法,我创建了一个函数,该函数连接到两个div,首先通过分配
box.style.left
box.style.top
来更改其位置,另一个通过分配
-webkit transform:translate3d(x,y,z)
属性

当我在平板电脑上试用时,两个div的性能似乎没有任何差别,所以我想知道我是否应该更喜欢一种方法而不是另一种方法


下面是一个例子。

我认为translate3d更快,因为它使用GPU。看