codeSanjay

I am facing weird issue while pinning the element outside of the smooth scroll wrapper. The pinned elements gets scrolled along while scrolling and comes back to the original place after some time. https://codepen.io/Limboo/pen/xxeLQQw

Thankyou @GreenSock , that was really helpful. As you have suggested I will try to avoid nested pins as much as possible.

The Scenario is I have a certain scroll animation at the top of the page and I need to pin whole wrapper. And I have a certain content whose title needs to be sticky. Now the problem is whenever I pin the whole section for the first animation, the sticky title pins weirdly as shown in codepen example. Am I missing something here? Thanks in advance Note: The sticky title pins fine whenever I just pin the section (not whole container ) of the first animation.

I have defined some specific end value to the pinAnimation. And the BS4 have accordion with dynamic content. Here the issue is, the scrollHeight is not being refreshed when accordion collapses. I tried using ScrollTrigger.refresh() but it's not solving the issue too. Is there anyway to refresh the scroll height dynamically.

I have a link which should take the footer area. But it stops at the horizontal scroll. I am guessing it's due to the end value. Is there anyway to solve this? Am I forgetting something?

Thanks @Cassie, running gsap tween inside onEnterBack solved it.

@GreenSockI just wanted my horizontal sliders bg color to be changed on enter back. But as you can see it only changes at first slide. Like you said I also kept the end value. But still not working. https://codepen.io/devSanjay/pen/BarGZNm?editors=0010

Thankyou @GreenSock . Your solution perfectly fits for my problem. But the container of horizontal sliders behave weirdly on enterBack condition. It doesn't fire as soon as it meets the condition but fires later on. Is there a way to fix it? https://codepen.io/devSanjay/pen/wvmYOvm?editors=1010

Thankyou @Cassie for your reply. But the solution that you provided won't work if there comes another section in between those two sections.

I have horizontal slider initiated using GSAP. But the problem is when horizontally scrolled it triggers other section too. What I wanted is that the sections below horizontal scroll to be only triggered when come to the original position. Also I want the whole document to be pinned. Is it possible to do with GSAP? As always I am very hopeful to you guys. Thanks in advance.

Thankyou @akapowl so much. Loved it.

I want the animation to be one by one from left to right on scroll and right to left on reverse scroll. I tried doing many things but still stucked. If you guys have any idea how to do. I would be very thankful to you guys. Thanks in advance.