(ScrollMagic) ОШИБКА: элемент, определенный в параметре "triggerElement", не найден: .my-element - PullRequest
Новая
       18

(ScrollMagic) ОШИБКА: элемент, определенный в параметре "triggerElement", не найден: .my-element

0 голосов
/ 01 октября 2019

У меня небольшая проблема с плагином 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);

Я новичок, так что, если это глупый вопрос, извините! Спасибо.

1 Ответ

0 голосов
/ 01 октября 2019

- это хорошая практика проверки, определен ли элемент на странице перед инициализацией анимации, поэтому вы должны обернуть свой код в оператор 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, только если целевой элемент определен

...