Jquery ScrollMagic类交换与.each循环

我对使用ScrollMagic还不熟悉，我不确定它是否能满足我的需要

我有一个包含多个部分的页面，动态设置ID，以及一个固定的左导航，可以根据ID滚动每个部分。一个带有锚链接的简单列表

这是我的HTML：

函数pipOnState（）{
log（'pip on state function'）；
var controller=new ScrollMagic.controller（）；
//循环浏览每个部分，构建滚动魔术场景
$section.每个（功能（i、v）{
var myScene=new ScrollMagic.Scene({
持续时间：0，
持续时间：“20%”，
抵销：100，
触发元素：这个，
触发元素：0.8，
触发钩：0
})
.setClassToggle（此“打开”）//添加类切换
.addTo（控制器）
.附加指示器({
名称：'触发器'，//场景的自定义名称
缩进：100，//从浏览器边缘缩进
colorStart:'黄色'，//自定义颜色-colorEnd
颜色触发器：“黄色”，
});
});
}

要回答您的问题，是的，ScrollMagic可以检测元素何时击中屏幕顶部

我在下面修改了你的JS（我按原样注释掉了剩余的部分…）：

函数pipOnState（）{
log（'pip on state function'）；
var controller=new ScrollMagic.controller（）；
//循环浏览每个部分，构建滚动魔术场景
$（'.section'）。每个（函数（i，节）{
变量$section=$（section）；
新的魔法。场景({
持续时间：$section.outerHeight（），
触发元素：第节，
触发钩：0
})
//.setClassToggle（部分“on”）//添加类切换
//.addTo（控制器）
//.附加指示器({
//名称：'触发器'，//场景的自定义名称
//缩进：100，//从浏览器边缘缩进
//colorStart:'黄色'，//自定义颜色-colorEnd
//颜色触发器：“黄色”，
});
});
}

这就是你要找的吗