单击并滚动fullpage.js

Question

我使用fullpage.js并且我有一点问题，我有3个按钮用于在différents部分滚动。 我的问题是：如何使用按钮进入特定页面，我可以使用哪个boutton？ （在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包含段索引号。