检测到一个位置：固定; 元素穿过另一个元素

我想知道是否有可能检测到具有css属性位置的元素：fixed; 滚动时越过另一个元素。 我的目标是防止固定位置div跨越不同高度的页面上的静态定位页脚，在较小屏幕上查看时页脚高度也可能会改变。

理想情况下，固定/可滚动div将定位为距离窗口底部20px，然后当用户滚动到页脚时，它将保持位于页脚上方20px处。

Answer 1

 $(window).scroll(function () { if ($(".fixedposition").offset().top < ($(".footer").offset().top - 30)) { $(".fixedposition").css("top", "30px"); $(".fixedposition").css("display", "block"); } else { $(".fixedposition").css("display", "none"); } }); 

看这里的小提琴： http ： //jsfiddle.net/flish/T6x4R/

当然你应该做的事情除了set display:none; 为你的固定div