Scroll 如果我的粘性导航栏未滚动/固定到屏幕顶部,则无法单击它

Scroll 如果我的粘性导航栏未滚动/固定到屏幕顶部,则无法单击它,scroll,sticky,navigationbar,Scroll,Sticky,Navigationbar,当导航栏没有固定在浏览器顶部时,我很难让它正常工作 下面是我正在使用的粘性导航代码: //sticky menu bar menuTop = $('nav').offset().top; menuOffset = menuTop; function fixedMenu(){ scrollTop = $(window).scrollTop(); if (scrollTop > menuTop) { $('nav').addClass('nav-fixed'); }

当导航栏没有固定在浏览器顶部时,我很难让它正常工作

下面是我正在使用的粘性导航代码:

//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;
});
});

提前谢谢你

我查看了你的站点,发现这个类导航ul需要添加一个z索引。试试这个,看看它是否有帮助:

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

你能把代码缩进吗?是的!这彻底解决了问题!你摇滚: