KarthickVeera

https://codepen.io/KarthickVeeramani/pen/xxbVKpa

Thanks for your quick reply. Actually I did same think using scroll magic. you suggested Intersection Observer, this is also fine very clean. But the question is while using the mouse wheel, the second section is scroll to the top. I tried like this, const skillCount = document.querySelectorAll(".skill-item").length; let isAnimating = false; let count = 0; const duration = 1; window.addEventListener("wheel", () => { heighth = $(".skill-item").height(); const delta = Math.sign(event.deltaY); if(!isAnimating) { if(delta > 0 && count < skillCount - 1) { gsap.to(".skill-item", {duration: duration, y: "-=" + heighth, onComplete: () => isAnimating = false }) } else if(delta < 0 && count > 0) { gsap.to(".skill-item", {duration: duration, y: "+=" + heighth, onComplete: () => isAnimating = false }); } isAnimating = true; } });

If I'm suppose to apply Gsap animation for Pinned wrapper element means the Scroll magic pin not working. https://codepen.io/KarthickVeeramani/pen/gObrYBa

I need to do like this using GSAP. https://codepen.io/KarthickVeeramani/pen/xxbVKpa

Without GSAP https://codepen.io/KarthickVeeramani/pen/xxbVKpa

Using Gsap animation pinning not working.. https://codepen.io/KarthickVeeramani/pen/gObrYBa With out using GSAP scroll magic pin is working perfectly. Check below link, https://codepen.io/KarthickVeeramani/pen/xxbVKpa

I tried many ways using scroll magic. I need to do while scrolling left is going to be a bottom right is going to be up. with scroll to position and smooth scroll. Now I created html. Kindly help me. https://codepen.io/KarthickVeeramani/pen/jOEPvRm

I need do like multi scroll using Gsap. I have to do like this https://dpotferstudio.com/

Superb, Thanks

Thanks for your quick reply. I need like this, using GSAP 3 https://codepen.io/GreenSock/pen/38204e7a0163c5f7c32749a380f5acb0

Hi Guys.. I have tried book flip using Gsap3 plugin. While using a tweenMax.js, cssPlugin-Perspective is working perfectly. but I have to do using gsap.min.js. It will not work properly. Thanks in advance