我有一个包含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.
答案 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');
}
}