1

#summary高さを変更する固定divがあります。常にウィンドウの上部に表示する必要があります。#catalogueContainerその下には、上の固定divの高さが変更されたときに再配置する必要があるコンテンツがあります。ウィンドウのスクロールバーを使用してスクロールできるようにする必要があります。

ウィンドウの上部にdivを保持する唯一の方法#summaryは、固定位置を指定することです。これを行うとき、それとは関係がないので、高さを変更する#catalogueContainerときにCSSを使用して再配置することはできません。#summary私が考えることができる唯一の方法は、要約のサイズ変更をリッスンし、の一番上の位置を指定するjavascriptを用意すること#catalogueです。

  1. これは最も効率的な解決策に聞こえますか？以下のコードとメモ。
  2. Chromeでは、ウィンドウをスクロールすると#summaryの背景画像が残りますが、スクロールしても他のすべてのコンテンツはブラウザウィンドウの上部に固定されたままになります。

これを修正するための提案はありますか？

#summary {
    position:fixed;
    top:0px;
    left:275px;
}

#summary内にサイズ変更可能な要素があり、高さを変更します。これは常にウィンドウの上部に表示される必要があります。 

#right {
    position:relative;
    left:275px;
    top:300px;
}

#right以下のすべてのコンテナ要素です。

には多数のカタログがあり#catalogueContainer、すべて同じ場所にありますが、一度に表示できるのは1つだけです。

#catalogueOne {
    position:relative;
}

#catalogueOne内部に要素があるrelativeためである必要がありますposition:absolute

4

1 に答える 1

0

サマリーとカタログをコンテナーに配置できます（次に、コンテナーを上部に配置します）。次に、100％の幅とfloat：leftが必要です。サマリーの高さが変わると、カタログが上下にプッシュされます。

jQueryを使用して、要約の高さに応じてカタログを配置する関数を使用することもできます。両方とも固定位置である必要があります。

于 2013-03-15T13:41:25.263 に答える