고정 된 위치 메뉴 막대는 연결된 요소를 포함합니다.

Question

맨 위에 고정 된 메뉴 막대가있는 고정 된 하나의 페이지 된 웹 사이트에서 작업하고 있습니다. 메뉴 막대의 링크를 누르면 링크 된 요소로 이동하여 덮습니다. Here is the fiddle fo shizzle my nizzles

nav { 
    text-align:center; 
    display:inline-block; 
    width:70%; 
    position:fixed; 
     ... 
} 

가 어떻게이 링크 된 요소를 포함 일반 메뉴 바처럼 행동하지 않을 수 있습니다 : 여기

내 HTML과 CSS에서 조각인가?

Answer 1

나는 jquery를 사용한 적이있는 similer prob에 직면 해있다.

$('#linkId').click(function(){ 
    $('html, body').animate({ scrollTop: $('#toMove').offset().top }); 

}); 

하지만 이제 경우 헤더는 내가 답을

Answer 2

고정 된 div 뒤에 요소 에 padding-top을 추가해야합니다.

JSFIddle Demo

은 BTW, ID와 클래스는

HTML (부분)

<div id="menu"> 
    <nav> 
     <p id="menus"> 
     <a class="menusor" href="#1">1</a> 
     | 
     <a class="menusor" href="#2">2</a> 
     </p> 
    </nav> 
</div> 
<div id="one"> etc... 

CSS (부분)

nav { 
    text-align:center; 
    display:inline-block; 
    background-color:#351b0e; 
    width:70%; 
    font-size:1.2em; 
    padding-left:15%; 
    padding-right:15%; 
    position:fixed; 
    top:0%; 
    z-index:9999; 
    margin-bottom:25%; 
} 

#one { 
    padding-top:70px; (or some other value) 
} 

따라서 ... 숫자로 시작할 수 없습니다