Javascript 使用粘性导航调整窗口大小时关闭横幅位置

我遇到了一个问题，我正在尝试实现一个粘性导航/横幅图像二人组。 在这里查看： 问题是，当我调整窗口大小时，横幅的位置是关闭的。否则，它将按预期的方式运行。 任何关于如何解决此问题的建议都将不胜感激

[编辑]这是脚本

function resizeBanner() {
    var bannerH = $(".banner img").height();
    $(".banner").css("height", bannerH);
}

function fixedNav() {
    var logoT = $(".logo").offset().top;
    var bannerH = $(".banner img").height();

    $(window).scroll(function() {
        if($(window).scrollTop() > logoT ) {
            $("#header").addClass("fixed").css(("height"),120);
            $(".banner").css(("margin-top"),-bannerH+120);
            $("body").css(("margin-top"),bannerH+18);       
        } else {
            $("#header").removeClass("fixed").css(("height"),("auto"));
            $(".banner").css(("margin-top"),0);
            $("body").css(("margin-top"),0);
        }
    });
}


$(window).resize(function() {
    resizeBanner();
});

$(window).load(function() {
    resizeBanner();
    fixedNav();
});

$(document).ready(function() {
    resizeBanner();
});

---

您只需在元素的css中添加类“banner”：

---

PS：实际上您的框正在向右调整大小，但默认情况下，它设置在您设置的标题的左上角。由于父项框设置为“位置：相对”，因此中的所有绝对元素将引用该父项，而不是完整文档。

有代码供我们签出吗？这个粘性导航/横幅实际上是如何变为粘性的？刚刚将脚本添加到我的原始帖子中！：）哦，天哪，这是多么容易的解决办法啊！我现在觉得有点傻哈哈。非常感谢你！

position : absolute;
bottom : 0;