Javascript （ScrollMagic）错误：选项“中定义的元素”；triggerElement“；找不到：。我的元素

我有一个小问题与scrollMagic插件。 我尝试制作简单的js，效果很好， 但当我转到另一页时，出现了一个错误，我无法理解：

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

我知道在这个页面上插件找不到这个元素，但它不应该这样工作。 我的代码（我也在使用TweenMax）：

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

---

谢谢。

在初始化动画之前检查元素是否在第页中定义是一种很好的做法 因此，您必须将代码包装在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只有在定义了目标元素时才会启动

页面中是否有class=“my element”的元素我想我解释得太糟糕了。我有两个页面，称之为主页和关于。在“关于”页面中，我有div和类我的元素，但在主页中没有。所以当我在about page scroll magic上运行良好且没有错误时，当我进入主页时，我会收到此错误。如果是这样，请将您的

var titleParallaxcene=new scroll magic.Scene（{triggerElement:'.my element'，triggerHook:0，duration:'100%}）包装在if语句中。检查
if（document.getElementByClassName（'my-element'）.length>0）{……您的scrollmagic初始化…}
谢谢！现在我没有任何错误，一切正常！
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);
}