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

Question

一旦用户到达屏幕底部，我将使用下面的代码显示横幅。问题是我注意到大多数用户直到最后都不会向下滚动。我应该修改什么以从底部显示.banner3我的 div？150px非常感谢

$(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();
        }
    });
});

Answer 2

编辑：忘记再次隐藏横幅......

http://jsfiddle.net/kasperfish/RBndE/1/

$(document).ready(function() {
            $(window).scroll(function() {

                if($(this).scrollTop() > $(window).height()-150){
                 $('.banner').fadeIn();
                }else{
                 $('.banner').fadeOut();
                }
            });
        });