(ScrollMagic) ERROR: Element defined in option "triggerElement" was not found: .my-element

Question

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

我是新手，所以如果问题很愚蠢，抱歉！谢谢

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 仅在定义了目标元素时才会触发

(ScrollMagic) ERROR: Element defined in option "triggerElement" was not found: .my-element

(ScrollMagic) ERROR: Element defined in option "triggerElement" was not found: .my-element

javascript

scrollmagic