nurlan

Yes i do. It did not give any results

Hello there! I'm new at Gsap animations. I have issue with anchor link. I have a link that directs to footer. But on the scroll it acts really weird. How can i fix that? For smooth scrolling i use simple scroll-behavior: smooth. https://web.codeunion.kz/ (link "Контакты" on the header) gsap.timeline({ scrollTrigger: { trigger: '.benefits__title', start: `top top`, end: '+=5000', pin: '.benefits__title', pinSpacing: false, } }) gsap.timeline({ scrollTrigger: { trigger: '.benefits__slider', start: '25% center', end: '+=5000', pin: true, }, }) .to('.benefits__slider-item--1', { opacity: 0, ease: 'slow', }) .from('.benefits__slider-item--2', { opacity: 0, ease: 'slow', }) .to('.benefits__slider-item--2', { opacity: 0, ease: 'slow' }) .from('.benefits__slider-item--3', { opacity: 0, ease: 'slow', }) .to('.benefits__slider-item--3', { opacity: 0, ease: 'slow' }) .from('.benefits__slider-item--4', { opacity: 0, ease: 'slow', }) .to('.benefits__slider-item--4', { opacity: 0, ease: 'slow' }) .from('.benefits__slider-item--5', { opacity: 0, ease: 'slow', }) I have 2 sections on the way who has code like this Thanks to any help! Sorry for my bad english)

Hello there! I'm new at GSAP and ScrollTrigger animations. So i have issue: when 2 elements starts to pin, they just jump. You can see it only when using mouse. Laptop gesture scroll works smooth. my code: gsap.timeline({ scrollTrigger: { trigger: '.benefits__title', start: `top top`, end: '+=5000', pin: '.benefits__title', pinSpacing: false, } }) gsap.timeline({ scrollTrigger: { trigger: '.benefits__slider', start: '25% center', end: '+=5000', pin: true, }, }) .to('.benefits__slider-item--1', { opacity: 0, ease: 'slow', }) .from('.benefits__slider-item--2', { opacity: 0, ease: 'slow', }) .to('.benefits__slider-item--2', { opacity: 0, ease: 'slow' }) .from('.benefits__slider-item--3', { opacity: 0, ease: 'slow', }) .to('.benefits__slider-item--3', { opacity: 0, ease: 'slow' }) .from('.benefits__slider-item--4', { opacity: 0, ease: 'slow', }) .to('.benefits__slider-item--4', { opacity: 0, ease: 'slow' }) .from('.benefits__slider-item--5', { opacity: 0, ease: 'slow', }) https://web.codeunion.kz/ (4th section) Thanks to any help! And sorry for my bad english)