在FullPage.js部分添加自定义菜单

Question

I am using fullpage.js for my website. I was wondering if I can add a non-sticky menu to all my sections, I have tried just to put the menu code on all my website section, But it is make my website slowly. Someone have any ideas?

Answer 1

So you want for each individual section to have its own menu?

In that case this might do

html:

<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 will modify all of the sections once it runs, making the positions of all the sections fixed. that means that any absolute positioning inside one of these sections will position it relative to the section itself. Hope that makes sense