我遇到了一个奇怪的 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——您可以看到该链接在导航更改为“固定”位置并随窗口滚动之前不起作用。
任何帮助,将不胜感激。我可以添加更多代码片段,但我不确定什么是最有帮助的。