Javascript 如何使用full page.js滚动到带有链接的特定部分？

我正在使用神话制作一个单页网站

以下是基本代码：

<div id="fullpage">
    <div class="section" id="section0">
        <h1>Page 0</h1>
        <p>Some text 0</p>      
    </div>
    <div class="section" id="section1">
        <h1>Page 1</h1>
        <p>Some text 1</p>      
    </div>
    <div class="section" id="section2">
        <h1>Page 2</h1>
        <p>Some text 2</p>      
    </div>
</div>

第0页
一些文本0

第1页
一些文本1

第2页
一些文本2

---

我搞不清楚的是如何在第0节到第2节中包含一个链接（即只是一个标准的

链接）。我一直在摆弄锚，但无法让它工作。

您只需使用

锚

选项，然后使用普通链接：

$('#fullpage').fullpage({
    anchors: ['section1', 'section2', 'section3', 'section4']
});

链接看起来应该正常，但前缀为bye

：

现在还可以在每个部分中使用html属性

data anchor=“section1”

，以便为其定义锚定。例如：

<div id="fullpage">
    <div class="section" data-anchor="section1">Section 1</div>
    <div class="section" data-anchor="section2">Section 1</div>
</div>

第一节
第一节

此处列出的内容是否对您无效？如果我将

data anchor=“last section”

添加到

#section2

中，然后将

添加到#section1的内容中，则链接不会起任何作用…@Alvaro's解决了我的问题。完美。我没有意识到完整页面初始化的anchors属性按照定义的顺序引用了这些部分。非常感谢阿尔瓦罗。很棒的脚本。顺便说一句，这很有帮助，但是要使用指向特定节的锚链接，在初始化fullpage.js时必须使用锚选项。@Ashesh如答案中所述：）对于其他人：小心！数据锚标记不能与站点上的任何ID元素（或IE的名称元素）具有相同的值。

http://yoursite.com/#section1
http://yoursite.com/#section2
http://yoursite.com/#section3
http://yoursite.com/#section4

<div id="fullpage">
    <div class="section" data-anchor="section1">Section 1</div>
    <div class="section" data-anchor="section2">Section 1</div>
</div>