如何为jQuery PageScroller插件激活顶部导航？

Question

我想了解如何激活PageScroller插件的热门导航：网站：http://pagescroller.com/

我查看了左侧导航的生成源以及网页本身的顶部导航，我注意到的唯一更改是类＆＃34; scrollNav＆＃34;和＆＃34; topNav＆＃34;

左侧导航

<ul class="pageScroll left" style="display: block;">
<li class="scrollNav scrollNav_1 active"><a href="#pageScroll0">Introduction</a></li>
<li class="scrollNav scrollNav_2"><a href="#pageScroll1">How It Works</a></li>
<li class="scrollNav scrollNav_3"><a href="#pageScroll2">What's Included?</a></li>
<li class="scrollNav scrollNav_4"><a href="#pageScroll3">Documentation</a></li>
<li class="scrollNav scrollNav_5"><a href="#pageScroll4">Download Plugin</a></li></ul>

顶部导航

<div class="topNav white">
<ul style="display: block;">
<li class="topNavLink topNavLink_1 active"><a href="#pageScroll0">Introduction</a></li>
<li class="topNavLink topNavLink_2"><a href="#pageScroll1">How It Works</a></li>
<li class="topNavLink topNavLink_3"><a href="#pageScroll2">What's Included?</a></li>
<li class="topNavLink topNavLink_4"><a href="#pageScroll3">Documentation</a></li>
<li class="topNavLink topNavLink_5"><a href="#pageScroll4">Download Plugin</a></li>
<li class="colors white"><span class="label">COLOR</span><span class="white active">white</span><span class="dark">dark</span></li></ul></div>

我将navigationClass（在实例化函数中）更改为＆＃34; topNav＆＃34;但它没有用。我试过＆＃34; topNav white＆＃34;但它出来broken。

感谢阅读。我还在学习jQuery，虽然我可以说它非常强大，但我还需要时间来改进它。先感谢您！

Answer 1

我必须做以下事情：

$('#main').pageScroller();
$('ul').removeClass('pageScroll left').addClass('topNav');

在pagescroller.js的beta版本中，它一直将ul类设置为“pageScroll left”，因此.removeClass方法将其拉出然后.addClass允许您设置topNav类。 使用ul类“topNav”，li的默认为scrollNav。

将li设置为scrollNav后，样式会更改第264行.scrollNav {float: left;}

应该这样做。