javascript - css - translate3d はモバイル ブラウザで要素をドラッグ可能にしますか?

Question

私のdom構造とjavascriptはhttp://jsfiddle.net/vishl/wzPSF/のようなものです

（私はアニメーションを行うためにAngularJSを使用しています）

すべてがデスクトップ コンピューターで正常に動作します。

しかし、モバイル デバイスでは、translate3d アニメーションがトリガーされると、touchmoveイベントにより、wrapperドラッグ可能になります。

解決策はありますか？

Answer 1

translate3d が発生すると、ドキュメントの幅は元の幅ではありません。translateX + 原点幅になっています。

したがって、この問題を修正する最も簡単な方法は、CSS に次のコードを追加することです。

html, body {
    overflow-x: hidden;
}