0

ページ遷移後に ScrollTrigger を機能させることができません。

barbs.init 内のビュー データを使用しています。

/*PAGE TRANSITION*/
barba.init({
    transitions: [{
        name: 'opacity-transition',
        leave(data) {
            return gsap.to(data.current.container, {
                duration: 0.5,
                opacity: 0,
                y: '50px',
            });
        },

        enter(data) {
            gsap.from(data.next.container, {
                duration: 0.5,
                opacity: 0,
                x:'-50px',
            });
        }
    }],
    views: [{
        namespace: 'tester',
        beforeLeave(data) {
            //alert('Leaving tester');
        },
        beforeEnter(data) {
            //alert('Entering tester');
        },
        afterEnter(data) {
            //alert('Entered tester');
            ScrollTrigger.refresh();
        }
    }]
});

他のほとんどのコードは正常に起動します。ただし、ページ遷移後にgsapスクロールトリガーを機能させることができません。(locomotive.js にも同じ問題があります)

誰かが私が間違っているかもしれないことを教えてください。

私はBarbaとScrollTriggerが初めてで、JSの経験が限られているため、明示的な回答は大歓迎です。

4

1 に答える 1