問題タブ [translate3d]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

142 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
3 に答える
371 参照

php - Firefox (moz) および safari (webkit) での translate3d

jqueryコードでtranslate3d effect動作するようにコードを追加するにはどうすればよいですか?firefox.

p>

では、どのように、どこにコードを追加する必要があります"-**moz**-transform:translate3d(0, '+movepx+'px, 0)"か??

ありがとう！

0 投票する
1 に答える
107 参照

css - CSS トランジションが期待どおりに機能しない

トランジションを使用して、スムーズなアニメーションを作成したいと考えています。開いたクラスが追加されたときのコードでは (リンク Toggle をクリックして)、効果は完璧ですが、.opened を削除すると、変換は即座に行われます。

0 投票する
1 に答える
746 参照

css - HTML の translate3d が Firefox の本文の背景位置に影響しない

私がする時：

HTMLタグに。

Chrome はすべてを押し下げます (ボディの背景と位置を含む) が、Firefox はそうしません。

例: http://jsfiddle.net/6VTAn/ (Chrome と Firefox で開いて違いを確認してください)

Chrome と同じ動作を示す HTML タグに適用できる追加のスタイル/プロパティはありますか。

すべての Web サイトとブラウザーでページをプッシュする標準的な方法を探しています。

0 投票する
0 に答える
2180 参照

svg - svg パス要素で transform: translateZ を使用できないのはなぜですか?

インライン svg 要素の一部をアニメーション化したいと思います。svg パス要素で css 変換を使用して、svg の一部をアニメーション化できるのは本当にクールだと思います。しかし、いじってみたところ、translateZ 関数で問題が発生しました。何らかの理由で、パス要素で 3 次元を使用してもうまくいかないようですか?

これがなぜなのか誰にも分かりますか？svg 要素では正常に機能しますが、クラス名を持つパス要素では機能しません。問題を説明するために、ここで小さなデモを行いました: http://codepen.io/anon/pen/uFEhp

これがなぜなのかについての手がかりはありますか？

0 投票する
0 に答える
133 参照

css - translate3d プロパティ使用時の Firefox 30.0 オートコンプリートのバグ?

css3 プロパティを持つ要素内でフォームを使用すると、Firefox がフォーム入力のオートコンプリート候補を適切な場所に表示しないことに気付きましたtranslate3d。

フォーム コンテナーが次の値を使用している図を次に示します。

ここに画像の説明を入力 大きな画像

ここで再現できます:
http://jsfiddle.net/a2X72/2/

(何もオートコンプリートしない場合は、フォームを 1 回送信して Firefox に値を記録させます)

このバグは、Chrome、Opera、Safari などの他のブラウザーでは発生しません。

0 投票する
1 に答える
292 参照

jquery - translate3d および jQuery との衝突の検出を遅らせる

translate3d2 つの要素間の衝突を検出しようとしていますが、プロパティを使用する代わりにcss3 を使用すると問題に直面していtopます。

問題は次の場所で発生します。

  • クロム (35.0.1916.153 m)
  • オペラ (22.0.1471.70)

使用translate3dすると、衝突を検出するのに遅延があります。setInterval両方の要素の位置がほぼリアルタイムで監視されていることを確認するために、1 ミリ秒の経過で使用しています。

私の例では、衝突が検出されると小さな四角が黒くなります。ご覧のとおり、遅延が非常に大きい場合があり、アニメーションが終了したときに衝突が検出されたように見える場合があります。

プロパティを変更すると正しく動作しtopます:
http://jsfiddle.net/rHZbt/10/

translate3d要素を移動する代わりに使用する場合の遅延:
http://jsfiddle.net/rHZbt/9/

これは、jQuery との衝突を検出する方法です。

このバグの原因について何か考えはありますか?


12345678910