Jquery 非活动链接，直到滚动

我遇到了一个奇怪的HTML/JQuery问题

我的主页顶部导航有5个用HTML描述的链接。由于某些原因，在我滚动页面之前，链接不会“激活”。我通过简单地将位置从“绝对”更改为“固定”并将背景更改为透明黑色来操纵滚动条上的导航元素；然而，这不应该对链接有任何影响

使用Chrome进行检查后，每个菜单项都会链接

这是操纵滚动导航的代码--

$（文档）。滚动（函数（）{
如果（！docked&&$（document）.scrollTop（）>36）{
停靠=正确；
$（#menu nav'）.css（'background'，'rgba（60,60,60,0.9）'）；
$（'菜单导航'）.css（'位置'，'固定'）；
$（'#菜单导航'）.css（'top'，0）
$（'#菜单导航'）.css（'height'，49+'px'））
}
else if（停靠&&$（文档）.scrollTop（）

页面就在这里——www.barandbean.com——您可以看到，在导航变为“固定”位置并随窗口滚动之前，链接不起作用

---

任何帮助都将不胜感激。我可以添加更多的代码片段，但我不确定什么是最有用的

需要设置

z-index:1

到菜单。

您需要设置

z-index:1

到菜单。

注意，

z-index

需要有一个非静态的位置（这是默认位置）。因此，将

位置：相对

或

位置：绝对

添加到

#菜单导航

---

它在

滚动

后工作的原因是您正在将位置更改为绝对

请注意，

z-index

需要一个非静态的位置（这是默认位置）。因此，将

位置：相对

或

位置：绝对

添加到

#菜单导航

---

它在

滚动

后工作的原因是，您正在将位置更改为绝对

您的#市场标题页ProtoIndex位于菜单顶部。我看到你把z指数设为50，但是你没有像斯波基说的那样使用position:relative。试试看，你的“市场标题页”索引在菜单的顶部。我看到你把z指数设为50，但是你没有像斯波基说的那样使用position:relative。试试看。谢谢你的帮助。所以z索引总是需要一个DOM“位置”。我原以为菜单导航会默认为一个可以利用z索引的“位置”，但显然没有发生这种情况？@jasdeep3我不知道。有些人可能会纠正这些错误，但通常情况下，如果位置是静态的，则忽略z索引。所以为了支持他们，最好是设置位置啊。谢谢你的帮助。所以z索引总是需要一个DOM“位置”。我原以为菜单导航会默认为一个可以利用z索引的“位置”，但显然没有发生这种情况？@jasdeep3我不知道。有些人可能会纠正这些错误，但通常情况下，如果位置是静态的，则忽略z索引。因此，为了支持所有人，最好是设定位置

$(document).scroll(function(){

      if (!docked && $(document).scrollTop() > 36){
        docked = true;
        $('#menu-nav').css('background','rgba(60,60,60,0.9)');
        $('#menu-nav').css('position', 'fixed');
        $('#menu-nav').css('top',0)
        $('#menu-nav').css('height',49+'px')
      }
      else if (docked && $(document).scrollTop() < buffer) {
        docked = false;
        $('#menu-nav').css('background','');
        $('#menu-nav').css('position', 'absolute');
        $('#menu-nav').css('top',0)
      }
})