javascript - css - translate3d 会导致移动浏览器中的元素可拖动？

Question

我的 dom 结构和 javascripts 就像http://jsfiddle.net/vishl/wzPSF/

（我正在使用 AngularJS 做动画）

在台式电脑上一切正常。

但是在移动设备中，当 translate3d 动画触发时，随着touchmove事件的发生，wrapper变成可拖动的。

有什么解决办法吗？

Answer 1

当 translate3d 发生时，文档的宽度不是原点宽度。它已成为 translateX + 原点宽度。

因此，解决此问题的最简单方法是将以下代码添加到您的 css.xml 中。

html, body {
    overflow-x: hidden;
}