0

ウェブサイトのレイアウトを修正したいと思っています。やや紛らわしいので、十分に説明できればと思います。

これは私の現在のコードです。

<div class="allContent">
    <div class="contactDetailsRight backgroundTall">
       <div class="backgroundTop">
          <div id="contactTabs">

             <ul class="headTabs">
                 <li><a href="panel.php?a=1" title="Notes">Notes</a></li>
                 <li><a href="panel.php?a=2" title="Map">Map</a></li>              
             </ul>

             <div id="notes"></div>
             <div id="map"></div>

          </div>
       </div>
    </div>
</div>

私のコードの簡単な内訳。親div（contactDetailsRight）は、絶対位置に配置されます。contactTabsには、コンテンツが動的に読み込まれ、動的な高さのjQueryUIタブが含まれています。

問題： .contactDetailsRight（Parent Div）には背景画像と色がありますが、タブのコンテンツがページを超えると、divの背景/色が停止します。最初は「scrollheight」関数で変更できましたが、スクロールしている実際のdivが（.allContent）であるため、これは機能しません。

適切な高さの値を取得できないように見える理由がわかりません。私は適切な高さを得るためにこれらを試しました：

<script type="text/javascript">
$(document).ready(function(){
   var h1 = $(".contentBoxRight").height();
   var h2 = $(".allContent").height();
   alert(h1 + h2);
});
</script>

どんな考えでも大歓迎です。

4

2 に答える 2

1

contactDetailsRightの場合、CSSからheightプロパティを削除し、cssプロパティを追加します：overflow：auto

于 2013-03-04T12:12:17.383 に答える
0

ページにはクラスはありませんcontentBoxRight。contactDetailsRight高さを取得するにはに変更します

   var h1 = $(".contactDetailsRight").height();
   var h2 = $(".allContent").height();
   alert(h1 + ', ' + h2);

http://jsfiddle.net/cKYbz/

于 2012-06-21T16:38:47.867 に答える