Scrollmagi c закрепление не распознает высоты элементов после перезагрузки страницы с библиотекой перехода страниц Swup js - PullRequest
Новая
       5

Scrollmagi c закрепление не распознает высоты элементов после перезагрузки страницы с библиотекой перехода страниц Swup js

0 голосов
/ 31 января 2020

Я пытаюсь реализовать библиотеку Scrollmagi c на моем веб-сайте с Swup JS. Мне нужно прикрепить один элемент на странице c. Когда я обновляю sh страница работает, но если я изменяю страницу и затем возвращаюсь, кажется, что Scrollmagi c не распознает высоты элементов. Закрепление работает, только если я обновлю sh страницу.

Я создал 2 функции. Один для scrollmagi c init и один для уничтожения.

Я думаю, что я должен найти способ запустить функцию scrollmagi c init для события 'contentReplaced', а затем запустить функцию уничтожения для другая страница. Но я не знаю как.

Это часть моего кода внутри функции инициализации: 

if (document.querySelector('.mockup_txt_wrap')) {
    var ctrlHome;
    function initScrollMagicMain() {
        // Init ScrollMagic
        ctrlHome = new ScrollMagic.Controller();
        // Pin text 
        var pin = new ScrollMagic.Scene({
            triggerElement: '#mockup',
            triggerHook: 0.3,
            duration: '100%'
        })
        .removePin(true)
        .addIndicators()
        .setPin('.mockup_txt_wrap')
        .addTo(ctrlHome);
    }
    initScrollMagicMain();
    swup.on('willReplaceContent', function unload() {
        if (document.querySelector('.mockup_txt_wrap')) {
            ctrlHome.destroy(true);
        }
    });
}

Это ссылка , если это может помочь.

...