相对位置使粘性菜单不起作用

Question

好的，导航栏菜单（白色栏）工作正常并且粘在顶部，但是当我单击菜单时，粘性类不再工作。我找出了导致问题的原因，但我不知道如何解决这个问题。 /* This is Causing Sticky To Not Work After you Click On "Hamburger Menu" */    .bottomnav.responsive {position: relative;}我尝试删除 .bottomnav.responsive {position:relative;} 但当我这样做时菜单无法正常工作。请让我知道解决此问题而不弄乱菜单的最佳方法是什么。

Answer 1

您可以使用此代码进行粘性吗

    function fixed_top_menu() {

        var windows = $(window);

        windows.on("scroll", function () {

            var header_height = $(".bottomnav").height();

            var scrollTop = windows.scrollTop();

            if (scrollTop > header_height) {

                $(".bottomnav").addClass("sticky");

            } else {

                $(".bottomnav").removeClass("sticky");

            }

        });

    }

    fixed_top_menu();

.bottomnav.sticky{

 background-color: #fff;

 position: fixed;

 top: 0;

 }