벽돌이 내 고정 된 탐색 막대 위로 스크롤

머리글을 스크롤 한 후 내 머리글 아래의 탐색 모음이 화면 상단에 붙습니다.벽돌이 내 고정 된 탐색 막대 위로 스크롤

벽돌이 추가 될 때까지 탐색 모음의 '게시판'뒤에 게시물이 사라져서 정상적으로 작동합니다.

이제 스크롤 할 때 게시물이 탐색 모음 맨 위로 이동합니다.

직접보십시오 here. 다음

$(function() { 
    var nav_offset_top = $('#nav').offset().top; 
    var nav = function(){ 
     var scroll_top = $(window).scrollTop(); 
     if (scroll_top > nav_offset_top) { 
      $('#nav').css({ 'position': 'fixed', 'top':0, 'left':0 }); 
     $('#jump a').css({ 'color': '#D7D7D7' }); 
     } else { 
      $('#nav').css({ 'position': 'relative' }); 
      $('#jump a').css({ 'color': '#303435' }); 
     } 
    }; 
    nav(); 
    $(window).scroll(function() { 
     nav(); 
    }); 
});

헤더/탐색/벽돌 :

그것은에 의해 스틱

<body> 
     <div id="header"> 
     </div> 
     <div id="nav"> 
     </div> 
     <div id="wrap" class="js-masonry"> 
      <div id="container">

어떤 도움을 주셔서 감사합니다, 나는 여분의 DIV 요소에 퍼팅 시도했지만, 난 몰라 정말 무엇을 해야할지 알고 있습니다.

미리 감사드립니다.

출처

2013-09-05 OJFord

Ah! 고쳤다.

나는 Z- 인덱스가 끔찍하게 복잡하거나 CSS3에서 허용되지 않거나 싫어한다고 생각했습니다.

나는 z-index: 1;에서 #wrap 및 z-index: 2;에서 #nav을 더했습니다.

욥은 좋은 일입니다.

출처

2013-09-06 00:12:17 OJFord

벽돌이 내 고정 된 탐색 막대 위로 스크롤

답변

관련 문제