2012-09-19 203 views
0

所以我有一個頁面佈局,它具有相對位置的主要內容容器div。在這個容器中,我有兩個其他的佈局div,一個充當側欄,另一個充當可以上下滾動的內容容器。此div也有一個標題欄,當您滾動此div時必須保持原位。如果我修復了標題欄的位置,只要您在該容器中滾動,它就會保留在原位而不會出現問題。如果您滾動整個窗口(包裝div除外),則標題欄會隨之滾動。我知道爲什麼發生這種情況,但想知道是否有辦法解決這個問題或防止這種行爲。我不介意使用Javascript來做到這一點。我明白,這種固定的定位只會將元素固定到其父容器。固定位置窗口滾動問題

這很可能很難理解,至少通過簡單的文字佈局明智,所以這裏是一個非常簡單的示例小提琴的一些標記顯示哪些項目是固定的,以及他們是如何佈置。 http://jsfiddle.net/gvNqv/

非常感謝任何可能的幫助!

編輯:從小提琴添加代碼在這裏

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

<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 
+0

你應該把代碼放在問題中。如果你的[fiddle](http://jsfiddle.net/gvNqv/)具有必要的樣式來複制問題,那將會更有幫助。 – tw16

+0

對於我來說真的很難複製實際的佈局本身,因爲它在.net MVC環境中。它也可以配置爲Facebook應用程序以及獨立應用程序。我遺憾地繼承了一些意見,其中包含了意大利麪代碼。 –

+0

當然,您可以通過添加一些lorem ipsum(虛擬文本),高度和背景顏色來明確發生了什麼,從而複製該問題?人們會幫助你更容易。 – tw16

回答

0

不要你需要使用上,左,下,右爲它拿不動的東西?

+0

嗯從來沒有想到這一點。你的意思是沿着div {position:fixed-top;}的行嗎? –

+0

不,頂部:%somevalue%;等等 –