小编Web*_*101的帖子

Jquery是否有更简单/更短的方式来编写这样的if语句:

if(number === "0" ) { degrees = "-160"; }
if(number === "1" ) { degrees = "-158"; }
if(number === "2" ) { degrees = "-156"; }
if(number === "3" ) { degrees = "-154"; }
if(number === "4" ) { degrees = "-152"; }
if(number === "5" ) { degrees = "-150"; }
if(number === "6" ) { degrees = "-148"; }
if(number === "7" ) { degrees = "-146"; }
if(number === "8" ) { degrees = …

所以我一直在使用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/