CODEWITHSUNDEEP
javascriptscrollmagic
Aslan
Aslan

Reputation: 105

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

I have a small problem with scrollMagic plugin. I'm trying to make simple js and it works fine, but when I follow to another page here comes an error, I can't understand:

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

I understand that on this page plugin won't find this element, but it shouldn't work so. My code (I'm also using 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);

I'm a newbie, so if it is silly question, sorry! Thanks.

Upvotes: 0

Views: 1641

Answers (1)

Sim1-81
Sim1-81

Reputation: 626

is a good practice check if the element is defined in page before initialize animations so you have to wrap your code in a if statement

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

this made your ScrollMagic fires only if the target element is defined

Upvotes: 1

Related Questions