国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

本當(dāng)の理由

p 要素はデフォルトで position屬性值是static， 而top屬性只能應(yīng)用在position: relative、position: absolute或者 position: fixed ブロックレベル要素にあります!
つまり、animate を使用してトップを設(shè)定する場(chǎng)合、それは無効です。信じられない場(chǎng)合は、.bottom_show 要素の位置を相対位置に設(shè)定してみてください。

添付ファイル: ブロックレベル要素のposition屬性値のCSS記述

• static: 特別な配置はなく、オブジェクトは通常のドキュメント フローに従います。上、右、下、左などのプロパティは適用されません。

• 相対: オブジェクトは通常のドキュメント フローに従いますが、上、右、下、左、その他の屬性に基づいて通常のドキュメント フロー內(nèi)でオフセットされます。そして、そのカスケードは z-index 屬性によって定義されます。

• absolute: オブジェクトは通常のドキュメント フローから分離されており、上、右、下、左、およびその他の屬性を絶対的な配置に使用します。そして、そのカスケードは z-index 屬性によって定義されます。

• 修正: オブジェクトは通常のドキュメント フローから分離されており、上、右、下、左などの屬性を使用してウィンドウを基準(zhǔn)點(diǎn)として配置します。スクロール バーが表示されると、オブジェクトは一緒にスクロールしません。そして、そのカスケードは z-index 屬性によって定義されます。

私が提供した例

.bottom_show 要素を position:relative に設(shè)定し、スムーズなアニメーションを?qū)g現(xiàn)するために、この要素の初期透明度を 0 に設(shè)定します。これにより、フェードアウト効果が向上します。
私が書いた例を參照してください

コアコード

HTML

JavaScript

hide() と show() はアニメーションを結(jié)合するときに問題が発生することがよくあります
fadeIn(); を使用することをお?jiǎng)幛幛筏蓼埂?/p>

あなたの考えに何か間違っていると思います。まず、要素を畫面の外に移動(dòng)すると、要素が表示されるはずです。畫面內(nèi)に表示されないように先頭の値を設(shè)定し、アニメーションで先頭の値を設(shè)定し、任意の位置に移動(dòng)するだけです?；Q性を考慮しない場(chǎng)合は、transition+transform:translate の組み合わせを使用することをお?jiǎng)幛幛筏蓼埂?