CSS3変換後に入力[type = range]が機能しないのはなぜですか？

Question

は（jQueryを使ってクラスを追加することで）問題:)

のiOSウェブアプリの開発を見るためのiOS上でJSFiddleを使用して、クリックで-480pxに翻訳されているマルチパネルを持っている必要があります。

最初のナビゲーションボタンで-webkit-transform: translate: (480px,0);を使用すると、入力[type = range]が応答しなくなる以外はすべて問題ありません。 http://jsfiddle.net/b4ung/2/

以降、私は体に-webkit-perspective: 1;を追加しました：

は、私はもともとこれを持っていました。この固定サファリのが、 ないのiOS 上：http://jsfiddle.net/RLywz/2/embedded/result/

誰かは、iOS上で動作するようにレンジ機能を取得する方法を教えてくださいすることができ、そしてなぜそれが翻訳後に登録しませんか？

---

変換を「left：-480px」に変更すると、範囲は機能しますが、アニメーション化するとブロックになります。問題をより明確にするために編集

どれ光がその非常に迷惑として、トップスだろう（と私は開発者ではないよ原因のバグは、誰かが」それを提出することができた場合）

---

、更新されたJSFiddleを表示する

Answer 1

私は同じ問題を抱えていましたが、範囲の作業が必要なときにパネルのCSSプロパティを（0,0）に設定することでハックすることができました。 アニメーション/位置の権利を得るために、divで要素をラップし、必要に応じてx位置を設定し、範囲をアクティブにする必要がない場合はパネルのtranslateプロパティをシフトしました。あなたの構造でうまくいくことを願っています。