stage之间的fullpage.js init事件

时间:2016-09-08 11:10:04

标签: javascript jquery html css fullpage.js

我有一个包含fullpage.js功能的页面,我想操纵各个阶段之间的页面元素,例如>在舞台之间滚动。

这是插件的基本结构,以及我想要在舞台更改时与之交互的元素。现在我已经达到了我想要的效果,但是当 页面到达第四阶段时,它消失了 ,但是我需要它消失 之前 插件在第三部分向下滚动时到达第四部分。

<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.

我如何实现我想要实现的目标?

额外提示:

  

您可以找到我在第二段中描述的反向逻辑 here.

1 个答案:

答案 0 :(得分:3)

你需要像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');        
        }
    }