Question

我很想知道它是否有可能检测到具有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/

当然除了为你的固定div

设置display:none;之外，你应该做其他事情

检测到一个位置：固定;元素跨越另一个元素

1 个答案: