检查是否是最后一节fullPage.js

Question

我在我的网站中使用 fullpage 插件，这是我的标记

<div id="fullpage">
  <div class="section section1">Some section</div>
  <div class="section section2">Some section</div>
  <div class="section section3">Some section</div>
  <div class="section section4">Last section</div>
</div>

在我的网站中，我想执行以下操作：用户将向下滚动每个部分，当用户到达最后一部分时，我想将用户重定向到另一个页面，如何检查用户是否在最后一部分中fullpage.js?

Answer 1

您可以在整页中使用 afterLoad function 来实现这一点。下面的代码片段应该让您了解如何使用 afterLoad 检查用户是否在最后一部分，如果是则进行重定向：

$('#fullpage').fullpage({
        ...

        afterLoad: function(anchorLink, index){
            // Section indexes in fullpage start at 1
            if(index === $('#fullpage .section').length){
                window.location.href = "http://whosebug.com";
            }
        }

        ...
    });

Answer 2

嗨，我终于明白了，我检查了整页有一些回调，所以我使用了 onLeave 回调，这是我的代码（在 CoffeeScript 中）

$('#fullpage').fullpage
        onLeave: (index, nextIndex, direction) ->

            if index is 3 && direction is'down'
                #redirect the user to a new page.