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

Question

确定Navbar菜单（白条）工作正常，并粘在顶部，但是当我单击Menu时，Sticky类不再起作用。我知道是什么原因导致了问题，但我不确定如何解决此问题。

 /* This is Causing Sticky To Not Work After you Click On "Hamburger Menu" */
   .bottomnav.responsive {position: relative;}

我试图删除.bottomnav.response {position：relative;}，但是当我这样做时，菜单无法正常工作。请让我知道在不弄乱菜单的情况下解决此问题的最佳方法是什么。

您可以在此处查看网站http://lonestarwebandgraphics.com/

Answer 1

您是否可以将此代码用于粘贴

var $window = $(window);
$window.on('scroll', function() {
    var scroll = $window.scrollTop();
    if (scroll < 300) {
        $(".sticker").removeClass("stick");
    }else{
        $(".sticker").addClass("stick");
    }
});

.bottomnav.stick {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0;
}