单页滚动的自定义菜单

Question

我正在使用此onepage scroll plugin并且效果很好，只是即使标记完全相似，我也无法使自定义菜单像分页点一样工作：

http://jsfiddle.net/iaezzy/z5ztr1zg/

<ul id="menu">
    <li><a href="#1" data-index="1">Section 1</a></li>
    <li><a href="#2" data-index="2">Section 2</a></li>
</ul>
<div class="main">
<section>section 1</section>
<section>section 2</section>
</div>

Answer 1

从单页滚动插件文档：

  

$。fn.moveTo（PAGE_INDEX）

     

此方法允许您以编程方式移动到指定的页面索引。

     

<强> $（＆＃34;。主要＆＃34）。的moveTo（3）;

您可以使用jQuery .click（）方法：

$('#menu a').click(function() {
   $(".main").moveTo($(this).data('index'));
});