Hello all! It's been a while!
I'm absolutely loving how easy and quick ScrollTrigger is to get the basics of 😀
I'm currently building a ScrollTrigger based carousel for a client, which is working as intended (for the most part).
The difficulty comes when I have an interactive component above the carousel, like an accordion.
When the accordion is open, the start and end points of the tween are not updated, which is causing the components to overlap.
I've tried playing with `update();` and `refresh()` whenever the body height changes, but with no luck.
Either I'm not understanding how to implement it, or perhaps there is a feature I haven't found yet?
Steps to replicate in codepen:
1. Click on any item in the carousel
2. Scroll to bottom of page.
The carousel works fine, providing no accordion items are open.
Any help is appreciated, thanks!