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

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; }