2016-03-31 3 views
0

display: noneから始まる要素はleft: 0です。私はそれを示してleft: 40に移動する必要があります。しかし、移行は機能していません。要素が左に直接現れる:40.開始位置が表示されているときにCSSトランジションが動作しません。

N.B表示なしからブロックに移行していません。私はまったく異なる財産を移しています。ここ

フィドル:

https://jsfiddle.net/5t43rdkb/2/

答えて

2

N.B私はブロックするように、ディスプレイなしから移行しておりません。私はまったく異なる財産を移しています。

表示プロパティを切り替えるかどうかは関係ありません。遷移が開始されるためには、すべての要素が既にアニメート可能な状態でなければなりません。 display: noneはボックスの生成を完全に抑制しますので、新しいルールですぐにdisplay: blockに変更してボックスを生成させても、そこに存在しないボックスはアニメーション化できません。特に、positionおよびleftのようなプロパティは、存在しないボックスでは意味を持ちません。なぜなら、やはり最初の場所に配置するものはないからです。

+0

ありがとうございました。私はそれが事実かもしれないと思った。しかし、以下はうまくいきません:https://jsfiddle.net/0ma8g3Lf/。ここでは、遷移前に表示する要素を設定します。 –

+0

settimeoutで2番目のコマンドを実行すると、次のようになります。https://jsfiddle.net/u1m6xot1/ –

+0

@ Coffee Bite:この2つのフィドルの両方でオリジナルと同じコードが表示されています。正しく保管してください。 – BoltClock

関連する問題