고정 된 navbar 내용이 중복됩니다.

Question

고정되어 있지만 숨겨진 특정 시간에 navbar가 있습니다. 여기는 바이크 http://jsfiddle.net/edsm3g8o/이며 couple_text는 nav_header에 의해 겹쳐집니다. 나는 couple_text에 padding-top을 추가하려고 시도했지만 nav_bar가 숨겨져있을 때 맨 위에 많은 공백이있는 것처럼 보입니다.

<ul class="nav_header"> 
    <li class="three liMoreShopping" style="display: table-cell;"> 
     <a class="btnMoreShopping ui-link"><span>More Shopping</span></a> 
    </li> 
    <li class="three liCheckout" style="display: table-cell;"> 
     <a class="btnCheckout ui-link"><span>Checkout</span></a> 
    </li> 
    <li class="three liCart" style="display: table-cell;"> 
     <a class="btnCart ui-link"><span>Cart (1)</span></a> 
    </li> 
</ul> 
<div class="couple_text"> 
    <h3>Jane Doe, John Doe</h3> 
</div> 

Answer 1

내가 다른 (더 좋은?) 솔루션이 확신하지만 당신은 자바 스크립트와 네비게이션 바의 모양/실종을 유발하는 경우가 아무튼 그래서, 어쩌면 당신은 또한 패딩을 전환 수정할 수 있습니다 탐색 표시 줄이 숨겨져있을 때 표시되지 않으며 필요하지 않습니다.