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

我使用下面的代码在用户到达屏幕底部时显示横幅。问题是我注意到大多数用户直到最后才向下滚动。我应该修改什么以在底部显示我的div

.banner3

，比如说，

150px

？ 非常感谢

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

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（“主体”）。高度（）
简单的东西：）

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

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

$（函数（）{
var banner=$（“.banner3”）；
var bodyHeight=$（“body”）.height（）；
$（窗口）。滚动（函数（）{
if（车身高度
简单的东西：）

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

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

$（函数（）{
var banner=$（“.banner3”）；
var bodyHeight=$（“body”）.height（）；
$（窗口）。滚动（函数（）{
如果（车身高度编辑：再次忘记隐藏横幅


编辑：忘记再次隐藏横幅


检查jquery waypoints插件检查jquery waypoints插件Hanks Alex。你确定语法吗？我尝试了你的两个建议，但都不起作用…@Greg989898我还没有测试代码，但我看不到任何明显的东西。你能详细说明一下它们不起作用吗？banner3不再出现了…看这里：它应该在天空中图片。ThanksHi Alex，你知道我的网站为什么不起作用吗？谢谢Alex。你确定语法吗？我尝试了你的两个建议，但都不起作用…@Greg989898我还没有测试代码，但我看不到任何明显的东西。你能详细说明一下它们不起作用吗？banner3不再出现了…看这里：它应该在屏幕上sky picture.ThanksHi Alex，你知道为什么我的网站上没有这个功能吗？谢谢Kasper-但是看起来JSFIDLE的“结果”部分返回一个空白页面？hi Greg，如果你滚动html（右下角）窗格中，我们将显示一条蓝色横幅。如果您没有看到水平滚动条，则需要将html窗格拖动到较小的高度，或更改css窗格中正文的高度值。JSFIDLE正在这里工作。谢谢Kasper-但是看起来JSFIDLE的“结果”部分返回一个空白页？hi Greg，如果您滚动html（右下角）窗格，将显示一条蓝色横幅。如果您没有看到水平滚动条，则需要将html窗格拖动到较小的高度或更改css窗格中正文的高度值。JSFIDLE正在此处工作。
$(document).ready(function() {
            $(window).scroll(function() {

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