位置固定重叠的问题?

梅哈尔

如何防止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;
}
向量

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

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

它的API很有帮助,应该能够满足您的需求。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS“位置:固定”滚动文本重叠问题

来自分类Dev

位置:固定重叠页面

来自分类Dev

剖面位置:固定重叠页脚

来自分类Dev

位置固定元素与页脚重叠

来自分类Dev

位置相对重叠位置固定

来自分类Dev

DIV位置固定,内部内容重叠

来自分类Dev

有固定位置的问题。

来自分类Dev

固定背景固定和位置固定元素的Chrome问题

来自分类Dev

固定背景固定和位置固定元素的Chrome问题

来自分类Dev

Safari“位置:固定”在滚动条上重叠

来自分类Dev

Bootstrap 4:固定位置侧边栏与内容重叠

来自分类Dev

Bootstrap 4:固定位置侧边栏与内容重叠

来自分类Dev

固定位置的菜单栏与画布重叠

来自分类Dev

检测静态元素何时与滚动上的固定元素位置重叠

来自分类Dev

谷歌地图绝对定位重叠固定位置导航栏

来自分类Dev

固定位置的div宽度问题

来自分类Dev

固定位置div的宽度问题

来自分类Dev

位置平滑滚动问题:固定;

来自分类Dev

jQuery 警报框固定位置问题?

来自分类Dev

WPF Listview项目垂直位置与画布重叠问题

来自分类Dev

固定标题重叠

来自分类Dev

固定通知重叠

来自分类Dev

如何使固定位置菜单旁边的内容在较小的分辨率下不重叠

来自分类Dev

即使标题位置固定,为什么网页的一部分仍与标题重叠

来自分类Dev

缩小窗口宽度时,固定位置的标题与容器div重叠

来自分类Dev

IE-位置固定的Z-index绘制问题

来自分类Dev

固定位置div的CSS溢出问题

来自分类Dev

固定位置的横幅-较小设备上的响应问题

来自分类Dev

固定位置调整大小问题克服了吗?