0

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

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

使用 Chrome 检查后，每个菜单项都是链接的。

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

$(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)
      }
})

该页面在此处——www.barandbean.com——您可以看到该链接在导航更改为“固定”位置并随窗口滚动之前不起作用。

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

4

2 回答 2

4

请注意，z-index需要有一个静态以外的位置（这是默认位置）。所以添加or到你的.position:relativeposition:absolute#menu-nav

它之所以起作用，scroll是因为您将位置更改为绝对

于 2013-06-21T00:19:10.723 回答
0

您需要设置z-index:1;菜单。

于 2013-06-21T00:17:08.053 回答