0

そのため、相対的な位置にあるメイン コンテンツ コンテナー div を持つページ レイアウトがあります。このコンテナには他に 2 つのレイアウト div があり、1 つはサイド バーとして機能し、もう 1 つは上下にスクロールできるコンテンツ コンテナとして機能します。この div には見出しバーもあり、この div をスクロールしてもそのままにしておく必要があります。見出しバーの位置を修正すると、そのコンテナー内でスクロールしている限り、問題なく固定されます。ただし、ウィンドウ全体 (ラッパー div の外側) をスクロールすると、ヘッダー バーも一緒にスクロールします。なぜこれが起こっているのかはわかっていますが、それを修正する方法やこの動作を防ぐ方法があるかどうかを知りたい. そのためにJavascriptを使用することも気にしません。固定された配置は、要素を親コンテナーに固定するだけであることを理解しています。

これは、少なくともテキストだけでは賢明なレイアウトを理解するのが難しい可能性が高いため、ここでは、修正された項目とそれらがどのようにレイアウトされているかを示すマークアップの非常に単純な例を示します。 http://jsfiddle.net/gvNqv/

これについて可能な限り助けてくれてありがとう！

編集：ここにフィドルからコードを追加

.maincontent{ 
    position:relative; 
    width:760px;
}
.sidebar{
    float:left;
}
.stage{
    float:right;
    position:relative;
}
.headbar{
    position:fixed;
}

</p> 

<div class="wrapper">
   <div class="mainContent">

      <div class="sideBar"></div>

      <div class="stage">
         <div class="headbar">banner text</div>        
      </div>

   </div>
</div>​

enter code here
4

1 に答える 1

0

何かに固定するために、上、左、下、または右を使用する必要はありませんか?

于 2012-09-19T22:52:45.893 に答える