我的scrollMagic插件有一个小问题。我正在尝试制作简单的js,并且效果很好,但是当我转到另一页时,出现错误,我无法理解:
18:27:48:554 (ScrollMagic.Scene) -> ERROR: Element defined in option "triggerElement" was not found: .my-element
我知道,插件在此页面上找不到该元素,但它不应如此工作。我的代码(我也在使用TweenMax):
var titleParallaxScene = new ScrollMagic.Scene({
triggerElement: '.my-element',
triggerHook: 0,
duration: '100%'
})
.setTween(TweenMax.to('.my-title', 0.5, {autoAlpha: 0, y: '250px', ease:Linear.easeNone}))
.addTo(controller);
我是新手,所以如果这是一个愚蠢的问题,对不起!谢谢。
是一种好习惯,请在初始化动画之前检查是否在页面中定义了元素因此您必须将代码包装在if语句中
if(document.getElementByClassName('my-element').length > 0){
var titleParallaxScene = new ScrollMagic.Scene({
triggerElement: '.my-element',
triggerHook: 0,
duration: '100%'
})
.setTween(TweenMax.to('.my-title', 0.5, {autoAlpha: 0, y: '250px', ease:Linear.easeNone}))
.addTo(controller);
}
这仅在定义了目标元素的情况下才使ScrollMagic触发