화면 상단으로 스크롤/고정되지 않은 경우 내 끈적한 내비게이션 막대를 클릭 할 수 없습니다.

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

가 사전에 감사합니다

내 웹 사이트 여기에 내가 사용하고 끈적 끈적한 탐색 코드가 http://www.theselfiespot.com/

입니다!

Answer 1

나는 귀하의 사이트를 조사한 결과,이 클래스 "nav ul"에 Z- 색인이 추가되어야 함을 발견했습니다. 사용해보기 (CSS) :

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