(卷轴魔法)错误：找不到选项 "triggerElement" 中定义的元素：.my-element

Question

我在使用scrollMagic插件时遇到了一个小问题。 我正在尝试制作简单的js并且工作正常， 但是当我跟随另一个页面时，这里出现错误，我无法理解：

18:27:48:554 (ScrollMagic.Scene) -> ERROR: Element defined in option "triggerElement" was not found: .my-element

我知道在此页面上插件找不到此元素，但它不应该如此工作。 我的代码(我也在使用补间(：

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);

我是新手，所以如果这是愚蠢的问题，对不起！ 谢谢。

Answer 1

是一个很好的做法，如果在初始化动画之前在页面中定义了元素 所以你必须将代码包装在 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 仅在定义了目标元素时才触发