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）错误：找不到在选项“ triggerElement”中定义的元素：.my-element

1 个答案: