iFrame in Pinned element reloading on resize event
Hi GSAP community! What a wonderful tool to work with.
However, I do have a problem I can't seem to solve. Help would be much appreciated.
I'm developing a ScrollBased site using a huge iFrame backdrop. It's all working well, however on resize events the iFrame reloads. On desktop this rarely matters, however on mobile, there is basically always a resize event triggered when scrolling down, as the address and menu bars are minimising. This massively breaks the user interaction f
Hey arnespremberg and welcome to the GreenSock forums.
First let's understand why this happens: Since you're pinning the container of the iframe, GSAP needs to add a wrapper element (.pin-spacer) to allow pinning to work properly. When ScrollTrigger refreshes, this wrapper element needs to be updated. In order to get the correct measurements, that means the pin-spacer needs to be removed. When an iframe gets moved around in the DOM (even a little bit) browsers force it to refresh (wh
