fullpage.js 阶段之间的初始化事件

Question

我有一个具有 fullpage.js 功能的页面，我想在各个阶段之间操作页面元素，例如> 在阶段之间滚动期间。

这是插件的基本结构，加上我想在舞台变化中与之互动的元素。现在我已经达到了我想要的，但是它消失了当页面到达第四阶段部分，但我需要它消失before插件在第三段向下滚动时到达第四段。

<div id="element">
  <p>The Element. *</p>
</div>
<div id="fullpage">
  <div class="section">SECTION ONE *</div>
  <div class="section">SECTION TWO **</div>
  <div class="section">SECTION THREE ***</div>
  <div class="section homeFour">SECTION FOUR ****</div>
</div>

我整理了一个样本Fiddle here.

我怎样才能达到我想要达到的目的？

奖金提示：

You can find the reverse logic that I have described in the second paragraph

Answer 1

你需要像 onLeave 事件这样的东西吗？ https://jsfiddle.net/x7bdwynx/1/

  onLeave: function(index, nextIndex, direction) {
        if(index==3&&nextIndex==4&&direction=="down")
        {        
            $('#element').addClass('hideCont');        
        }
        if(index==4&&nextIndex==3&&direction=="up")
        {        
          $('#element').removeClass('hideCont');        
        }
    }

fullpage.js 阶段之间的初始化事件

fullpage.js init event between stages

html

javascript

css

jquery

fullpage.js