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

Question

我正在为我的网站使用 fullpage.js。 我想知道我是否可以在我的所有部分中添加一个非粘性菜单， 我试过将菜单代码放在我网站的所有部分，但它让我的网站变慢了。有人有什么想法吗？

Answer 1

所以您希望每个单独的部分都有自己的菜单？

在那种情况下，这可能会做

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运行后会修改所有的section，使所有section的位置固定。这意味着这些部分之一内的任何绝对定位都将相对于该部分本身进行定位。希望这是有道理的