股息固定

我有一個問題，有兩個div position: fixed。股息固定

如果查看標題，滾動條位於後面，標題位於滾動條的頂部。我怎樣才能解決這個問題？

HTML：

<div class="BG1"> 
<div class="Data"></div> 
</div> 

<div class="BG2"> 
<div id="Header"> 
    <div class="Header_Data"></div> 
</div> 
<br />a<br /><br />a<br /><br /> 
</div>

代碼：http://jsfiddle.net/Z6Pwg/

來源

2013-06-29 Mihai Viteazu

從來沒有見過此之前，在回答 – Alp

您可以通過創建一個佈局，而不在頁面'位置讓一切修復很感興趣：fixed'。不像div的滾動條，瀏覽器的滾動條不能重疊。 –

我簡化你的榜樣：http://jsfiddle.net/uVjft/

所以其實你對裏面的另一個position: fixed塊。並且滾動條對應於BG2塊不實際不能重疊的窗口滾動條。

要解決這個問題嘗試從BG2 DIV刪除position: fixed：http://jsfiddle.net/Z6Pwg/1/

來源

2013-06-29 18:35:08 claustrofob

是的，我看到了......但我怎麼可以做某些事情或者一些修復......現在唯一解決了我找到的東西「.BG2 #Header」爲寬度：99％，所以他有空間滾動條...這個問題，如果你想添加盒子陰影將是一個問題... –

並沒有解決問題？ – claustrofob

對不起，我發佈了錯誤的鏈接我更新了答案http://jsfiddle.net/Z6Pwg/1/ – claustrofob

只是包括在你的CSS代碼

.BG2 #Header .Header_Data { 
    width: 100%; 
    height: 120px; 
    overflow: hidden; 
    background-color:#eee; 

}

它會解決您的問題，如果想要可固定標題不要使用透明背景

感謝

來源

2014-02-03 09:24:06 Ajis

回答

相關問題