Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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 css-translate3d会导致移动浏览器中的元素可拖动吗?_Javascript_Html_Css_Mobile - Fatal编程技术网

Javascript css-translate3d会导致移动浏览器中的元素可拖动吗?

Javascript css-translate3d会导致移动浏览器中的元素可拖动吗?,javascript,html,css,mobile,Javascript,Html,Css,Mobile,我的dom结构和Java脚本如下 (我正在使用AngularJS制作动画) 在台式计算机上一切都很好 但是在移动设备中,当translate3d动画触发时,通过touchmove事件,wrapper变得可拖动 有什么解决办法吗?当出现translate3d时,文档的宽度不是原始宽度。它已成为translateX+原点宽度 因此,解决此问题的最简单方法是,将以下代码添加到css中 html, body { overflow-x: hidden; }

我的dom结构和Java脚本如下

(我正在使用AngularJS制作动画)

在台式计算机上一切都很好

但是在移动设备中,当translate3d动画触发时,通过
touchmove
事件,
wrapper
变得可拖动


有什么解决办法吗?

当出现translate3d时,文档的宽度不是原始宽度。它已成为translateX+原点宽度

因此,解决此问题的最简单方法是,将以下代码添加到css中

html, body {
    overflow-x: hidden;
}