ページ遷移後に 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の経験が限られているため、明示的な回答は大歓迎です。