Question

我正在使用优秀的fullpage.js库来创建一个全屏网站，但我希望在用户到达第二部分后禁用fullpage.js滚动并允许用户正常滚动。似乎无法在文档中找到任何线索。

Answer 1

您可以使用模拟部分内正常滚动的scrollOverflow选项。

Answer 2

请使用以下回调方法： afterLoad（起点，终点，方向）

afterLoad: function (origin, destination, direction) {
    var loadedSection = this;

    if (destination == 2) {
        alert("receive to Section 2");
    }
}

代码段示例：

$(document).ready(function () {
        $('#fullpage').fullpage({
            scrollingSpeed: 300,
            sectionsColor: ['red', 'green', 'blue'],

            afterLoad: function (origin, destination, direction) {
                var loadedSection = this;

                if (destination == 2) {
                    alert("receive to Section 2");
                }
            }
        });
    });

 .section {
            text-align: center;
            font-size: 36px;
            color: #fff;
        }

<link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.js"></script>

<div id="fullpage">
        <div class="section">section 1</div>
        <div class="section">section 2</div>
        <div class="section">section 3</div>
</div>

如何在特定部分禁用FullPage.js？

2 个答案: