0

これはCSSの問題かもしれないと思いますが、よくわかりません。

問題: 親 div をクリックすると展開する div があります。jQuery/CSS でこれを行います。展開すると、ページのフッターに重なっています。フッターと重なることなく、新しいコンテンツに合わせてページの高さが拡大するようにしたいと考えています。したがって、基本的にフッターは邪魔にならないように移動する必要があります。何か案は？

ここにいくつかのコードがあります。

HTML:

<div id="wrapper">
  <div id="virtualtours">
    <span id="virtualtours_title">VIRTUAL TOURS</span>
    <div id="virtualtours_videos">
      <?php include'inc.virtualTours.php'; ?>
    </div>
  </div>
</div>
<div id="footer">...</div>

jQuery:

$("#virtualtours").click(function(){

        if( $("#virtualtours_videos").css("height") == "0px" ){
                $("#virtualtours_videos").css("height","240px");
        } else { $("#virtualtours_videos").css("height","0px"); }
});

CSS では、すべてが相対的に配置されます

position:relative;
4

1 に答える 1

0

jQuery Accordion を確認すると、各セクションの高さが静的であることがわかります。あなたの場合、より良い方法は、厳密に高さの値を #wrapper に割り当てることです。また、各セクションの高さが同じなので、ページのデザインに問題はありません。

于 2013-08-16T14:57:26.750 に答える