Здравствуйте!
Подскажите пожалуйста - может кто примерно понимает - какие опции примерно вписаны в эту секцию (для такого-же эффекта горизонтальной прокрутки) ?
Живой пример -
здесь
То-есть, я у себя примерно такое-же решение делаю..делаю на GSAP..но вот с опциями экспереметировать..не получается(
Мой код - вот..но это совсем не правильно работает(
useEffect(() => {
gsap.to(galleryRef.current, {
x: '100%',
opacity: 1,
ease: 'none',
scrollTrigger: {
trigger: galleryRef.current,
start: 'center 70%',
end: 'center 30%',
markers: false,
onEnter: () => {
gsap.to(galleryRef.current, {
x: '25%',
duration,
});
},
onLeave: () => {
gsap.to(galleryRef.current, {
x: '0%',
duration,
});
},
onEnterBack: () => {
gsap.to(galleryRef.current, {
x: '-25%',
duration,
});
},
onLeaveBack: () => {
gsap.to(galleryRef.current, {
x: '0%',
duration,
});
},
},
});
}, []);
