fullPage.js onLeave 事件触发器

Question

我试图在 fullPage.js 应用上切换部分时触发两个 CSS 事件。请看一下我目前在这里的位置： http://jsfiddle.net/pingo_/67oe1jvn/2/

我想做以下两件事：

• 当我离开页面时，将 fa-stack 图标的类更改为悬停下的属性（当前颜色仅在单击/悬停时更改，但如果使用只是滚动，我希望它会更改）
• 当背景颜色为#004e7b时，将导航节点的颜色改为#ffffff（目前看不到第2节和第4节的节点）

实现这一目标的最佳方法是什么？我在 javascript breakout 的底部有一些代码，当我离开第一节时，它会尝试触发一条消息。这实际上完全打乱了滚动并一直跳到最后一部分：

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 中写任何东西，因为我不确定是否应该在那里、在 javascript 中或两者中完成。我以前没有注入过类属性，并且在这两个方面遇到了很多困难。请建议最好的方法，看看你是否能提供帮助。谢谢！！

Answer 1

您正在研究一年前提供的答案...现在onLeave 事件有 3 个参数而不是两个参数，如您所见 here in the documentation.

onLeave: function(index, nextIndex, direction){

关于您的问题，要更改您需要 javascript 的课程。但也许这不是你需要的。

查看this video。

记住 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;
}