1

したがって、デフォルトで表示されるdivがあります。関数を使用して要素をslideUpし、コンテンツを変更してから、slideDownに戻って新しい情報を表示しています。

そして、それはすべてうまく機能しています。

私を悩ませているのは、divが下のすべてをアニメーション化しているとき、それが上下に追従することです。

基本的に、それが隠れているように、それは「表示：なし」であるように見えます-いわば、それは流れから取り出されていることを意味します。そして、もっと「可視性：隠し」のようにしたいと思います。

...それが理にかなっているなら（神様、そうなることを願っています。長い一週間でした。= P）

4

2 に答える 2

2

上記の要素が削除されると、要素は上にスライドしてギャップを埋めます。HTMLの場合、重力は上向きです。そのため、HTMLを下向きに構築します（ブラウザーの上部から下へ）。

オブジェクトが上にスライドしているとしましょう。

<div class="SlideUpDiv" style="height:500px; display:block;">Hello!</div>

あなたがする必要があるのは、同じ高さを保持する別のdivでそのdivをラップすることです：

<div class="slideUpContainer" style="height:500px; display:block;">
  <div class="slideUpDiv" style="height:500px; display:block;">Hello!</div></div>
</div>

このように、最初の要素がクラッシュすると、ギャップは親divによって開いたままになります。

于 2012-09-27T03:43:27.427 に答える
1

最も簡単な方法は、Slide要素を固定の高さのdiv内に配置することだと思います。例えば

<div class='wrapper'>
    <div class='slider'>
    <!-- content for slider here -->
    </div> <!-- close slider -->
</div>  <!--close wrapper -->

次に、スライダーjqueryを設定してから設定します。これはすでに完了しており、表示する必要はないと想定しています。

CSSは次のようになります。

div.wrapper {height: 250px; overflow: hidden;}
div.slider {max-height: 250px;}

このように、スライダーは固定サイズの要素内で上下に移動し、残りの要素は影響を受けません。

于 2012-09-27T03:44:22.973 に答える