Question

我想问一下如何将导航条固定在其他导航栏上的女巫位置固定？

其实我希望菜单底部的导航女巫位于页面底部，当我srcoll down时卡在菜单顶部导航下

$(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

尝试包含菜单的height并更改为固定底部导航的位置：

$(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

导航条在滚动下的其他导航栏下方

1 个答案: