javascript - 当用户从页面底部到达 X 像素时如何显示 DIV

Question

我使用下面的代码在用户到达屏幕底部时显示横幅。问题是我注意到大多数用户不会向下滚动到最后。我应该修改什么才能在距底部 150px 处显示我的 div .banner3 ？ 非常感谢

$(document).ready(function() {
    $(window).scroll(function() {
        if($("body").height() <= ($(window).height() + $(window).scrollTop())) {
            $(".banner3").fadeIn()
        } else {
            $(".banner3").css("display","none");
        }
    });
});

Answer 1

$(window).height() + $(window).scrollTop() - 150

简单的事情:)

您也许还可以更好地重写代码。 scroll 事件被触发多次，因此您可以对选择器进行一些缓存。

$(function() {
    var banner = $(".banner3");
    var bodyHeight = $("body").height();
    $(window).scroll(function() {
        if (bodyHeight <= $(window).height() + $(window).scrollTop() - 150) {
            banner.fadeIn();
        } else {
            banner.hide();
        }
    });
});