Javascript 滚动至固定菜单底部

我想滚动通知消息到顶部固定菜单的底部，但正文内容继续滚动，只有通知框将保持固定到顶部固定菜单的底部。 这是一个

html:

有人能帮我做这个卷轴吗？

---

ty.

如果我正确理解了你的问题，这应该会让你走上正确的方向：

$(document).ready(function() {
    $(window).scroll(function() {
        var menuHeight = $(".menu-fixed").outerHeight();
        var windowScrollTop = $(window).scrollTop();

        if (windowScrollTop > 80) {
            $(".notification").css({ top: windowScrollTop + menuHeight });
        }
        else {
            $(".notification").css({ top: 'auto' });
        }
    });
});

---

我已经更新了你的JSFIDLE:

你需要发布你现有的脚本，以便我们帮助你修复它：）@Archer我到目前为止没有任何脚本，我只需要一个脚本就可以了：）对不起，这不是“为我写代码”网站。您需要自己尝试一下，如果有问题，请告诉我们。查看jQuery

scroll（）

事件处理程序。。。这才是我真正需要的，泰，太多了：）

.menu-fixed{
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100px;
    border:1px solid blue;
    background: rgba(0,0,0,0.3);
    font-size:30px;
}

.bodyContent{
    padding-top:120px;
    height:1000px;
    width:100%;
    background:lime;
    text-align: center;
    font-size:50px;
 }
.notification{
    height: 100px;
    left: 80%;
    position: absolute;
    width: 200px;
    background: rgba(255,255,255,0.9);
    font-size:20px;
}

$(document).ready(function() {
    $(window).scroll(function() {
        var menuHeight = $(".menu-fixed").outerHeight();
        var windowScrollTop = $(window).scrollTop();

        if (windowScrollTop > 80) {
            $(".notification").css({ top: windowScrollTop + menuHeight });
        }
        else {
            $(".notification").css({ top: 'auto' });
        }
    });
});