定位固定重叠问题？

Question

如何防止position: fixed的div留在外部div并防止它与网站的页脚重叠。

例如，我有一个div，我想在页眉和页脚部分之间的内容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

有一个名为Waypoints的jQuery插件。它允许您检测元素何时滚动到。 http://imakewebthings.com/jquery-waypoints/

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

它的API非常有用，应该能够满足您的需求。

Answer 2

你可以使用overflow：scroll。如果你的内容从内部div溢出，它会自动滚动。