[英]Why are my triggers not positioned correctly in my Greensock TimelineMax scene?
Can anyone tell me what I am doing wrong here? 谁能告诉我我在做什么错? The start and end triggers don't match up with my trigger element at all and I can't figure out what is throwing it off.
开始和结束触发器与我的触发器元素根本不匹配,我无法弄清楚是什么引发了它。
var opacityTrigger = $(".opacityTrigger");
var opacityDuration = $(".opacityWrapper").height();
var opacitytl = new TimelineMax();
var opacityItem = $(".opacityContainer li");
opacitytl.staggerFrom(
opacityItem,
0.25,
{
opacity:"0"
},
0.25
);
var opacityScene = new ScrollMagic.Scene({
triggerElement: opacityTrigger,
triggerHook: 0.5,
tweenChanges: true,
duration: opacityDuration,
reverse: true
})
.setTween(opacitytl)
.addTo(self.controller);
In case anyone else is having trouble with this, I discovered that my issue was how I was referencing the trigger. 万一其他人对此有麻烦,我发现我的问题是我如何引用触发器。 I had set it in a variable as a jQuery object and instead I needed to just reference the class name.
我已经将其设置为jQuery对象的变量,而我只需要引用类名。
var opacityDuration = $(opacityWrapper).height();
var opacityItem = $(".opacityContainer li");
var opacitytl = new TimelineMax();
opacitytl.staggerFrom(
opacityItem,
0.25,
{
opacity:"0"
},
0.25
);
var opacityScene = new ScrollMagic.Scene({
triggerElement: ".opacityTrigger",
tweenChanges: true,
duration: opacityDuration,
reverse: true
})
.setTween(opacitytl)
.addTo(controller);
}
Here is a pen: 这是一支笔:
https://codepen.io/moorehannah/pen/OaMNXg https://codepen.io/moorehannah/pen/OaMNXg
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.