Javascript jQuery插件：Scrollmagic，关于完整功能？

我很难确定ScrollMagic插件是否有一个oncomplete函数

我现在想做的是，当用户进入div“Background”时，它正确地使我的左固定div透明，但我希望当用户离开时，左div返回，所以基本上，只有在div“Background”内时，才对左div设置动画

我认为问题在于我正在使用Maxtween设置动画，将不透明度设置为0，但不会将其更改回去。

小提琴：

$（函数（）{
var theh=$（“.background”）.height（）；
控制台日志（theh）；
var controller=new ScrollMagic.controller（）；
var scene=new ScrollMagic.scene（{triggerement:“.background”，持续时间：theh}）
.setTween（“#left”，0.5，{opacity:“0”}）//触发TweenMax.to tween
.addIndicators（{name:“1（持续时间：0）”}）//添加指标（需要插件）*/
.addTo（控制员）；
});
#左{
位置：固定；
背景：黑色；
宽度：200px；
身高：100%；
}
正文，html{
保证金：0；
填充：0；
高度：3000px；
}
段落{
高度：300px；
宽度：300px；
背景：蓝色；
浮动：对；
}
*{
框大小：边框框；
}
.背景{
高度：300px；
宽度：100%；
背景：红色；
浮动：对；
边缘顶部：800px；
}
我发现的一个解决方案基本上是触发div正下方元素的不透明度。请参阅更新的fiddle。不确定这是不是一种方式，感觉有点像黑客，我宁愿有一个目标，恢复正常

小提琴：


$（函数（）{
var theh=$（“.background”）.height（）；
控制台日志（theh）；
var controller=new ScrollMagic.controller（）；
var scene=new ScrollMagic.scene（{triggerement:“.background”，持续时间：theh}）
.setTween（“#left”，0.5，{opacity:“0”}）//触发TweenMax.to tween
.addIndicators（{name:“1（持续时间：0）”}）//添加指标（需要插件）*/
.addTo（控制员）；
var scene=new ScrollMagic.scene（{triggerement:“.background-2”}）
.setTween（“#left”，0.5，{opacity:“1”}）//触发TweenMax.to tween
.addIndicators（{name:“1（持续时间：0）”}）//添加指标（需要插件）*/
.addTo（控制员）；
});
#左{
位置：固定；
背景：黑色；
宽度：200px；
身高：100%；
}
正文，html{
保证金：0；
填充：0；
高度：3000px；
}
段落{
高度：300px；
宽度：300px；
背景：蓝色；
浮动：对；
}
*{
框大小：边框框；
}
.背景{
高度：300px；
宽度：100%；
背景：红色；
浮动：对；
边缘顶部：800px；
}