javascript - 单击并滚动 fullpage.js

Question

我使用 fullpage.js 并且遇到了一个小问题，我有 3 个用于在不同部分滚动的按钮。我的问题是:如何使用按钮进入特定页面，我可以使用哪个按钮？ (在 fullpage.js 上)

Answer 1

使用整页 moveTo 函数，您可以依赖按钮组中按钮的索引，例如:HTML:按钮组:

<div class="buttons-group">
    <button class="ui button"></button>
    <button class="ui button"></button>
    <button class="ui button"></button>
</div>

JS:

$('.buttons-group').on('click',function() {
    $("#fullpage").fullpage.moveTo($(this).index() + 1);
});

我的整页部分看起来像这样:

<div id="fullpage">
    <div class="section"></div>
    <div class="section"></div>
    <div class="section"></div>
</div>

或任何类似的方法，例如取决于按钮 ID，并使该 ID 包含部分索引号。