Jquery 一页滚动的自定义菜单

我正在使用它，它工作得很好，只是我不能让自定义菜单像分页点一样工作，即使标记完全相似：

第一节
第二节

来自onepage滚动插件文档：

$.fn.moveTo（第页索引）

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

$（“.main”）。移动到（3）

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

---

从onepage滚动插件文档：

$.fn.moveTo（第页索引）

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

$（“.main”）。移动到（3）

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

---

从onepage滚动插件文档：

$.fn.moveTo（第页索引）

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

$（“.main”）。移动到（3）

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

---

从onepage滚动插件文档：

$.fn.moveTo（第页索引）

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

$（“.main”）。移动到（3）

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

<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>

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