单击并滚动fullpage.js

Question

我使用fullpage.js，我有一点问题，我有3个按钮用于在différents部分滚动。我的问题是：如何使用按钮进入特定页面，我可以使用哪个boutton？ （在fullpage.js上）

Answer 1

使用Full page moveTo Function，您可以依赖按钮组中的按钮索引，例如：HTML：Button Group：

<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包含节索引号。