Javascript 如何在节之间滚动时保持菜单活动状态

在

之间滚动时，活动菜单状态不工作。scrollMagic中是否有任何选项可以在滚动时始终设置活动状态，而

是基于

.setPin（）

演示：

导航菜单

.active

状态在滚动时在两个部分之间删除

---

当

节

.setPin（）

---

介于

到

活动状态之间

---

并且

.active

状态

已设置为

setPin（）

---

@thepio请给我1分钟，让我更新问题。是的，我会关注这篇文章。是的，我理解你的问题。让我看一看：）@thepio我真的很感谢你的帮助我很抱歉，我昨天不得不离开去做其他事情，今天早上回来又试了一次。我认为需要对代码进行大量的更改（如果我没有遗漏一些明显的东西的话），才能让它按照您希望的方式工作。如果有人还没有给你答案，我可能会在今天晚些时候看一看解决方案。

var controller = new ScrollMagic.Controller({
  globalSceneOptions: {
    duration: $('section').height(),
    triggerHook: .025,
    reverse: true
  }
});
$("section").each(function() {
    new ScrollMagic.Scene({
        triggerElement: this,
        duration: '50%',
        triggerHook: 0.025,
        reverse: true
    })
    .setPin(this)
    .addTo(controller);
});