Question

所以我一直在使用ScrollMagic.js和GSAP.js，并在向下滚动时使用.setClassToggle作为侧面导航活动状态。

它添加了'活动'类，但不删除前一个类，直到再次向上滚动，然后将其删除。但该演示显示它以两种方式切换。这是我的代码：

$(function () {

  var controller = new ScrollMagic.Controller();

  new ScrollMagic.Scene({triggerElement: "#Home"})
              .setClassToggle(".side-nav a.home", "active")                
              .addTo(controller);
  new ScrollMagic.Scene({triggerElement: "#Overview"})
              .setClassToggle(".side-nav a.overview", "active")
              .addTo(controller);
});

JS小提琴链接：https://jsfiddle.net/2sx91ya6/

Answer 1

指定元素大小为100％。

rpc::IoHandler::add_method

我分叉了您的原始JS小提琴，因此您可以在此处查看实际操作： https://jsfiddle.net/grayayer/1v6fusye/

这在ScrollMagic文档中有描述：http://scrollmagic.io/examples/basic/responsive_duration.html

ScrollMagic中的.setClassToggle在向下滚动时不会删除类

1 个答案: