我使用单页滚动插件(http://www.thepetedesign.com/demos/onepage_scroll_demo.html)更精确。
我注意到很多单页滚动教程&插件使用部分。我有一些针对这些部分的问题。我要做的是为插件添加简单的导航,以便用户知道他们在哪个页面。
我认为使用
代码会非常简单if ($(".page1").hasClass("active")) {
console.log("page one active");
}
但这似乎不起作用。关于使用jQuery定位部分,我有什么遗漏吗?我需要弄清楚的是如何正确地定位该部分然后我可以将类添加到我的导航选项卡。
修改
<div class="main">
<section class="page1" id="pageone">
<div class="content col-xs-offset-2 col-xs-10 col-sm-offset-2 col-sm-10 col-lg-offset-2 col-lg-10">
<div class="content-inner">
<h1>FIRST<br>PAGE<br></h1>
</div>
</div>
</section>
<section class="page2">
<div class="content col-xs-offset-2 col-xs-10 col-sm-offset-2 col-sm-10 col-lg-offset-2 col-lg-10">
<div class="content-inner">
<h1>SECOND <br> PAGE <br> YO!</h1>
</div>
</div>
</section>
</div>