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

瓦兰蒂斯·格劳斯泰久(Valantis Geroustergiou)

我想问一下如何将导航栏粘贴在其他固定定位的导航栏下面?

实际上,当我向下滑动菜单时,我希望菜单底部的导航按钮停留在页面底部的菜单顶部导航下面

$(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"});
    }
});

这是我所做的

我看过很多jquery插件,但没有发现它们有用-我的脚本编写能力不好,因此需要您的帮助,在此先感谢。

丹尼

尝试包括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"});
    }
});

检查这个演示小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在滚动条上隐藏导航栏不会在向上滚动后将导航条固定在适当的位置

来自分类Dev

如何制作右眼导航条图标?

来自分类Dev

BootstrapVue:创建2个导航条,底部导航条是否固定在顶部?

来自分类Dev

我的角形皮带导航条不会扩展

来自分类Dev

为什么导航条不会刮到100%的宽度?

来自分类Dev

滚动条上的粘性导航栏

来自分类Dev

垂直导航栏移动到网站的其他部分/删除滚动条

来自分类Dev

底部导航在滚动条上隐藏Recycler视图问题

来自分类Dev

动态更改滚动条上的导航栏颜色

来自分类Dev

在滚动条上突出显示导航部分

来自分类Dev

导航栏不会隐藏在滚动条上

来自分类Dev

底部导航在滚动条上隐藏Recycler视图问题

来自分类Dev

粘性顶部导航创建滚动条

来自分类Dev

引导导航栏与滚动条合拢

来自分类Dev

元素在滚动条上与其他元素重叠

来自分类Dev

元素在滚动条上与其他元素重叠

来自分类Dev

水平滚动条页面导航和垂直滚动条

来自分类Dev

Bootstrap固定顶部导航栏与垂直滚动条重叠

来自分类Dev

滚动条永久确定我的导航标签的大小

来自分类Dev

Bootstrap固定顶部导航栏与垂直滚动条重叠

来自分类Dev

如何删除purecss导航栏的滚动条?

来自分类Dev

如何使用滚动条更改导航栏背景?

来自分类Dev

如何使用滚动条导航到底部?

来自分类Dev

使用Headroom JS隐藏滚动条上的导航栏并在需要时显示

来自分类Dev

将div捕捉到滚动条上的固定导航栏

来自分类Dev

移动导航菜单仅在Windows上创建额外的空间和滚动条

来自分类Dev

使用Headroom JS隐藏滚动条上的导航栏,并在需要时显示

来自分类Dev

导航栏下的UIToolBar,滚动条上没有工具栏

来自分类Dev

即使焦点在其他对象上,也可以在滚动时更改滚动条的值

Related 相关文章

  1. 1

    在滚动条上隐藏导航栏不会在向上滚动后将导航条固定在适当的位置

  2. 2

    如何制作右眼导航条图标?

  3. 3

    BootstrapVue:创建2个导航条,底部导航条是否固定在顶部?

  4. 4

    我的角形皮带导航条不会扩展

  5. 5

    为什么导航条不会刮到100%的宽度?

  6. 6

    滚动条上的粘性导航栏

  7. 7

    垂直导航栏移动到网站的其他部分/删除滚动条

  8. 8

    底部导航在滚动条上隐藏Recycler视图问题

  9. 9

    动态更改滚动条上的导航栏颜色

  10. 10

    在滚动条上突出显示导航部分

  11. 11

    导航栏不会隐藏在滚动条上

  12. 12

    底部导航在滚动条上隐藏Recycler视图问题

  13. 13

    粘性顶部导航创建滚动条

  14. 14

    引导导航栏与滚动条合拢

  15. 15

    元素在滚动条上与其他元素重叠

  16. 16

    元素在滚动条上与其他元素重叠

  17. 17

    水平滚动条页面导航和垂直滚动条

  18. 18

    Bootstrap固定顶部导航栏与垂直滚动条重叠

  19. 19

    滚动条永久确定我的导航标签的大小

  20. 20

    Bootstrap固定顶部导航栏与垂直滚动条重叠

  21. 21

    如何删除purecss导航栏的滚动条?

  22. 22

    如何使用滚动条更改导航栏背景?

  23. 23

    如何使用滚动条导航到底部?

  24. 24

    使用Headroom JS隐藏滚动条上的导航栏并在需要时显示

  25. 25

    将div捕捉到滚动条上的固定导航栏

  26. 26

    移动导航菜单仅在Windows上创建额外的空间和滚动条

  27. 27

    使用Headroom JS隐藏滚动条上的导航栏,并在需要时显示

  28. 28

    导航栏下的UIToolBar,滚动条上没有工具栏

  29. 29

    即使焦点在其他对象上,也可以在滚动时更改滚动条的值

热门标签

归档