当我的粘性导航栏未滚动/固定到屏幕顶部时，无法单击该导航栏

Question

如果导航栏未在浏览器顶部修复，我无法正常运行。

以下是我使用的粘性导航代码：

//sticky menu bar
menuTop = $('nav').offset().top;
menuOffset = menuTop;
function fixedMenu(){  

scrollTop = $(window).scrollTop(); 

if (scrollTop > menuTop) {  
    $('nav').addClass('nav-fixed');  
}
else if (scrollTop  > menuOffset) { 
    $('nav').removeClass('nav-fixed');  
} 
else{
    $('nav').removeClass('nav-fixed');    
    }  
} 
fixedMenu(); 
$(window).scroll(function() { 
fixedMenu();    
});
//scrolling
$('nav a').click(function(){
$('body,html').animate({scrollTop: $( $.attr(this, 'href') ).offset().top - 60}, 400);
//stops page from reloading
return false;
});
});

提前谢谢！

Answer 1

我查看了你的网站，发现这个类“nav ul”需要添加一个z-index。试试这个，看它是否有帮助（css）：

nav ul {
list-style-type: none;
text-decoration: none;
color: #fff;
text-align: center;
position: relative;
min-width: 1200px;
z-index: 1;
}