2017-10-31 45 views
0

내 웹 사이트에 fullpage.js를 사용하고 있습니다. 내 모든 웹 사이트 섹션에 메뉴 코드를 넣으려고했지만, 내 웹 사이트를 천천히 만듭니다. 누군가 아이디어가 있습니까?FullPage.js 섹션에 맞춤 메뉴 추가

+0

[예제] (https://alvarotrigo.com/fullPage/examples/fixedHeaders.html)를 사용하여이 헤더를 제거 할 수 있습니까? 메뉴가 없으므로 페이지도 함께 작동합니다. 페이지별로. – Webinion

+0

@Webinion 그러나이 예제의 메뉴는 고정 메뉴이며 고정되지 않은 메뉴가 필요합니다. 고맙습니다. – Jack

+0

jsfiddle을 작성하여 코드를 확인하고 변경하십시오. – Webinion

답변

1

각 섹션마다 고유 한 메뉴가 필요하십니까?

<div id="fullpage"> 
    <div class="section">section 1</div> 
    <div class="section"> 
    <div class="sectionMenue">This is the menue for section 2</div> 
    section 2 
    </div> 
    <div class="section"> 
    <div class="sectionMenue">This is the menue for section 3</div> 
    section 3 
    </div> 
<div class="section">section 4</div> 

CSS :

.sectionMenue { 
    position: absolute; 
    top: 0px; 
} 

JSFiddle

fullpage은 모든 섹션을 수정합니다 그것을 실행하면

이 경우이

HTML을 할 수 , m 고정 된 모든 섹션의 위치를 ​​묻습니다. 즉,이 섹션 중 하나의 절대 위치 지정은 섹션 자체에 상대적으로 배치됩니다. 희망이 맞는 것

+0

모든 섹션에서 같은 메뉴를 원합니다. 나는 abig 메뉴를 가지고 있고, 모든 섹션에 큰 메뉴 코드를 넣으려고 jusy를 시도했지만, 그것은 내 웹 사이트를 느리게 만든다. 모든 섹션에서 메뉴를 호출하지 않고 모든 섹션에서 메뉴를 사용하는 또 다른 옵션이 있습니까? – Jack

+0

@ 잭 이런 뜻인가요? [link] (https://jsfiddle.net/oetLjh5j/2/) – Hugobastas

+0

아니요 고정되지 않은 메뉴가 필요합니다. – Jack