html - 位置固定重叠问题？

Question

如何防止 divposition: fixed留在外部 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;
}

score 0 · Accepted Answer

0

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

于 2013-10-30T13:35:58.163 回答

score 0 · Accepted Answer

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

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

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

2 回答 2