Question

我正在尝试使用以下示例中的固定导航来处理fullpage.js http://turnwall.com/demos/webdev_part11/index.html http://www.turnwall.com/articles/adding-single-page-scrolling-navigation-to-your-site/

我遇到的问题是活动状态未显示，具体取决于哪个锚点已通过/点击。我唯一不同的是不使用节ID作为引用/锚点ID（为了使fullpage.js工作，需要相同的节类）。

还要注意fullpage.js有它自己的内置导航，但是，我需要一个活跃的'锚'的灵活性，指的是/在几个部分上活跃，而不仅仅是显示导航中的每个部分。 / p>

非常感谢任何建议！

<script type="text/javascript" src="js/scrolloverflow.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.js"></script>
<script type="text/javascript" src="js/jquery.combinedScroll.js"></script>
</head>

<div id="fullpage">

<nav class="site-navigation page-navigation">
  <ul div="menu">
    <li class=""><a href="#top">Top</a></li>
    <li class="current"><a href="#next">One</a></li>
    <li class=""><a href="#next">Two</a></li>
  </ul>
</nav>
<div class="section" data-color="red">
<div id="right"><img id="sweets" src="work/hav-2.png"/></div>
</div>
   <div class="section" data-color="indigo">
</div>
    </div>
     <div class="section" data-color="grey">
     <div id="next">NEXT PROJECT  ↓</div>

     </div>
</div>

Answer 1

我需要一个主动＆＃39;锚点的灵活性。提及/存在在几个部分上激活，而不仅仅是显示每个部分在导航。

只需创建自己的菜单，详见this answer。在这种情况下，无需使用menu选项。因为你想要一个更多的自定义菜单，它将为多个部分激活相同的元素。

在fullpage.js部分页面上修复/滚动导航

1 个答案: