div與固定位置

我有一個風格位置div：固定，我希望它向下滾動頁面，但我不希望該div泄漏到頁面頁腳。我怎麼能做到這一點？div與固定位置

在此先感謝，肖恩

來源

2009-08-14 ErnieStings

爲了將來的參考，你可能會更好的http://doctype.com/（請參閱stackoverflow頁面的頁腳）。 – 2009-08-14 14:14:25

你是什麼意思：「向下滾動頁面」？ – 2009-08-14 14:18:37

玩Z指數和絕對定位你的頁腳在一個相對格。它應該工作。 – 2009-08-14 14:23:56

試試這個。

CSS

body, html {height:100%;margin:0;padding:0} /* margin and padding 0 for firefox*/ 
.mainBody {height:90%;overflow:auto;}

HTML

<div style="border:1px solid black;">TOP</div> 
    <div class="mainBody"> 
     <div style="height:800px;"></div> <!-- To for scroll --> 
     HERE IS Main Body 
    </div>

這會從窗口傳遞滾動條，到是顯示您的內容股利。 TOP div將保持放在你想要的地方，所以你可以將它定位或保持原樣，並且永遠不會與你的頁腳發生碰撞，你可以將它放在你的主體div中。

來源

2009-08-14 14:33:05 Zoidberg

我以前也遇到同樣的問題，並使用Javascript onscroll事件來檢測position：fixed元素是否與footer發生衝突。如果是，我將其更改爲位置：絕對，頂部屬性剛好超過頁腳。

然後，當他們開始向後滾動頁面並且不再重疊頁腳時，我將其更改回位置：固定。另外，如果您打算在IE6中使用此元素滾動，我建議您使用CSS expressions作爲position：fixed emulation。

來源

2009-08-14 18:44:00 Pat

div與固定位置

回答

相關問題