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

时间:2017-10-31 16:47:41

标签: javascript jquery html css fullpage.js

我在我的网站上使用fullpage.js。 我想知道是否可以为我的所有部分添加非粘性菜单, 我试过把菜单代码放在我的所有网站部分,但这是让我的网站慢慢来。有人有什么想法吗?

1 个答案:

答案 0 :(得分: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将在运行后修改所有部分,使所有部分的位置固定。这意味着其中一个部分内的任何绝对定位都会将其相对于部分本身定位。希望有意义