fullPage.js onLeave事件触发器(fullPage.js onLeave event

我试图在fullPage.js应用开关区段时触发两个CSS事件。 请参阅目前我在这儿，一个小提琴： http://jsfiddle.net/pingo_/67oe1jvn/2/

我愿做以下两件事情：

• 更改类的FA-栈图标下悬停的属性，当我离开的页面（目前的颜色只在点击/悬停改变，但我想，如果用它来改变只是滚动）
• 改变导航节点的颜色#FFFFFF当背景颜色为＃004e7b（目前不能看到在段2和4的节点）

什么是实现这一目标的最佳途径？ 我在试图当我离开一个节触发消息的JavaScript突破底部一些代码。 这实际上打乱了完全的滚动和跳过一路到最后一节：

var fromSection1 = false;
$('#fullpage').fullpage({       
  onLeave: function(index, direction){
     var leavingSection = $(this);
    //after leaving section 2
    if(index == 1 && direction =='down'){
      alert("Going to section 2!");
    }else{
      fromSection1 = false;
    }
  }
});

而且我会做一些类似触发为FA-NAV部分类别的改变些什么呢？ 我没有在CSS写过什么，BC我不知道是否应该做的工作还有，在JavaScript中，或在这两个。 我以前没有注射类的属性和我有很多与这两个难度。 请告知最好的办法，看看你能有所帮助。 谢谢 ！！

Answer 1:

您在回答工作提供了一年前...现在onLeave事件具有这一翻译两种，你可以看到3个参数的文档在这里了。

onLeave：函数（指数，nextIndex，方向）{

关于您的问题，要改变需要Javascript类。 但也许这并不是你所需要的。

看看这个视频 。

记得fullPage.js添加类active的活性部分，以及在所述body元件它添加类fp-viewing-xxx其中xxx是anchor当前段或它的索引的名字，如果不设置锚。

这样，您就可以使用CSS玩：

#demo{
    color: red;
} 

/* applied only on the section with the anchor `firstpage` */     
body.fp-viewing-firstpage #demo{
    color: blue;
} 

文章来源: fullPage.js onLeave event triggers