職位固定重疊問題？

Question

如何防止div與position: fixed留在外部股利，並防止它重疊到網站的頁腳。

例如，我有一個div，我想要在內容div內的頁眉和頁腳部分之間滾動，而不是從內容之外的div移動。

我給這家代碼：

HTML

<div id="fixed_div"></div> 

CSS

#fixed_div { 
    background: none repeat scroll 0 0 #F1F1F1; 
    padding: 10px; 
    position: fixed; 
    width: 290px; 
    z-index: 99; 
} 

Answer 1

有一個jQuery插件稱爲Waypoint。它允許您檢測元素何時滾動到。 http://imakewebthings.com/jquery-waypoints/

$('.footer').waypoint(function(direction) { 
    $('#fixed_div').hide(); 
}); 

它的API是相當有用的，應該能夠滿足您的需求。

Answer 2

您可以使用overflow：scroll。如果您的內容從內部div中溢出，它會自動滾動。