내 웹 사이트에 fullpage.js를 사용하고 있습니다. 내 모든 웹 사이트 섹션에 메뉴 코드를 넣으려고했지만, 내 웹 사이트를 천천히 만듭니다. 누군가 아이디어가 있습니까?FullPage.js 섹션에 맞춤 메뉴 추가
답변
각 섹션마다 고유 한 메뉴가 필요하십니까?
<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;
}
fullpage은 모든 섹션을 수정합니다 그것을 실행하면
이 경우이
HTML을 할 수 , m 고정 된 모든 섹션의 위치를 묻습니다. 즉,이 섹션 중 하나의 절대 위치 지정은 섹션 자체에 상대적으로 배치됩니다. 희망이 맞는 것
모든 섹션에서 같은 메뉴를 원합니다. 나는 abig 메뉴를 가지고 있고, 모든 섹션에 큰 메뉴 코드를 넣으려고 jusy를 시도했지만, 그것은 내 웹 사이트를 느리게 만든다. 모든 섹션에서 메뉴를 호출하지 않고 모든 섹션에서 메뉴를 사용하는 또 다른 옵션이 있습니까? – Jack
@ 잭 이런 뜻인가요? [link] (https://jsfiddle.net/oetLjh5j/2/) – Hugobastas
아니요 고정되지 않은 메뉴가 필요합니다. – Jack
[예제] (https://alvarotrigo.com/fullPage/examples/fixedHeaders.html)를 사용하여이 헤더를 제거 할 수 있습니까? 메뉴가 없으므로 페이지도 함께 작동합니다. 페이지별로. – Webinion
@Webinion 그러나이 예제의 메뉴는 고정 메뉴이며 고정되지 않은 메뉴가 필요합니다. 고맙습니다. – Jack
jsfiddle을 작성하여 코드를 확인하고 변경하십시오. – Webinion