粘菜单将无法正常工作

用下面的JS：

$(document).ready(function(){ 
     $(window).bind('scroll', function() { 
     var navHeight = $(window).height() - 70; 
      if ($(window).scrollTop() > navHeight) { 
       $('.menu-2-section').addClass('smallheader'); 
      } 
      else { 
       $('.menu-2-section').removeClass('smallheader'); 
      } 
     }); 
    });

在CSS我会有那么：

.smallheader {position: fixed; top: 0; z-index:150;}

我必须有错误的代码，但什么？

请，我需要一些帮助;-)

谢谢！

来源

2016-10-27 Patrick Smits

在.smallmenu的z-index您所提供的代码的代码不同在'模板.js'文件。在现场，你使用'$（'＃body'）。addClass（'smallheader'）;'所以你不能滚动到页面的底部。你的'template.js'也相当混乱。该文件的顶部已经包含'jQuery（function（$）{'，所以绝对不需要在该文件的其他地方使用'$（document）.ready（function（）{' – Lodder

）。您提供的代码与网站中的不一样，因为我试图让自己正确地做到这一点。我想实现以下目标：当我滚动菜单（class .menu-2-section）时，菜单必须变得粘到顶部，明显的代码是不正确的，你能帮我吗？ –

你写的代码是好的，并且运行良好。请注意，您需要添加'smallheader'类到您想要进行静态/固定位置的对象，在您的情况下它应该是.menu-2-section

但是现在，您看不到菜单，因为它被#top div隐藏。

#top { 
    background-color: #eda99d; 
    margin: 0 auto; 
    padding: 15px 0; 
    width: 100%; 
    z-index: 999; 
}

你需要改变这里的z-index至小于150，或改为大于999

来源

2016-11-02 12:12:13

谢谢，Arek。这就解决了我的问题。下一次检查z-index的顺序是一个难题！ –

粘菜单将无法正常工作

回答

相关问题