이상한 HTML/JQuery 문제가 있습니다.스크롤 할 때까지 비활성 링크
내 홈페이지의 상단 탐색에는 HTML로 설명 된 5 개의 링크가 있습니다. 어떤 이유로 링크가 페이지를 스크롤 할 때까지 '활성화'되지 않습니다. 나는 스크롤에서 nav 요소를 단순히 '절대'에서 '고정'으로 변경하고 배경을 투명한 검정으로 변경하여 조작합니다. 그러나 링크에 링크가 있어서는 안됩니다.
Chrome을 사용하여 검사하면 각 메뉴 항목이 연결됩니다. www.barandbean.com - - 페이지는 여기
$(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)
}
})
을 -
이
스크롤에 탐색을 조작하는 코드입니다 그리고 당신은 링크 탐색 변경 될 때까지 작동하지 않는 것을 알 수 있습니다 '고정'위치로 이동하고 창으로 스크롤합니다.도움을 주시면 감사하겠습니다. 더 많은 코드 스 니펫을 추가 할 수 있지만 무엇이 가장 도움이 될지 잘 모르겠습니다.
귀하의 # 시장-타이틀 pageprotoindex 메뉴의 상단에지고로 위치를 변경하기 때문에
가
scroll
후 작동하는 이유입니다. 나는 당신이 Z-index를 50으로 설정했다는 것을 알았지 만, Spokey와 같이 position : relative를 사용하지 않았다. 시도 해봐. –