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>

在我的网站中，我想要执行以下操作：用户将按部分向下滚动部分，当用户到达我想将用户重定向到另一个页面的最后一部分时，如何在整页的最后一部分中检查该用户。 JS？

Answer 1

您可以在fullpage中使用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://stackoverflow.com";
            }
        }

        ...
    });

Answer 2

您好我终于想通了，我检查了fullpage有一些回调，所以我使用了onLeave回调，这是我的代码（在CoffeeScript中）

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

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

检查它是否是lastPage.js的最后一节

2 个答案: