javascript - 导航栏粘在滚动条上的其他导航栏下方

Question

我想问一下我怎样才能让一个导航栏贴在其他导航栏女巫的位置固定？

实际上我希望页面底部的菜单底部导航女巫在我向下滚动时卡在菜单顶部导航下

$(document).scroll(function () {
    var scroll = $(this).scrollTop();
    var topDist = $("").position();
    if (scroll > topDist.top) {
        $('.menu').css({"position":"absolute","bottom":"0"});
    } else {
        $('.menu').css({"position":"static","top":"80"});
    }
});

Here is what I have done

我见过很多 jquery 插件，但没有发现它们有用 - 我不擅长编写脚本，所以需要你的帮助，在此先感谢。

Answer 1

尝试包括菜单的高度并更改为固定底部导航的位置:

$(window).scroll(function () {
    var mtHeight = $('.menu-top').height(),
        mbHeight = $('.menu-bottom').height(),
        scroll = $(this).scrollTop() + mtHeight + mbHeight,
        topDist = $(".page.two").position();
    if (scroll > topDist.top) {
        $('.menu-bottom').css({"position":"fixed","top":mtHeight});
    } else {
        $('.menu-bottom').css({"position":"absolute","top":"auto"});
    }
});

检查这个Demo Fiddle