arnespremberg

Thanks so much for your swift help, @Rodrigo

Hi there, Even though I do believe that I must be doing something wrong, I cannot figure out what it is. As you can see in the codepen example, upon scrolltrigger end the tween jumps to some weird position, making #scrollytelling-inner disappear. You can only see the grey background instead. If I set scrub: 0.1instead of scrub: true, the animation jumps back to the beginning. Any idea what I can do here? Thanks

Hi Jack - thank you so much for these really helpful replies - it all worked!

Please see the codepen and scroll a few times up and down. In chrome, the timeline jumps, sometimes the distribution get's totally lost. In Safari, the dots appear pixelated during the animation. Why could this be? I suppose I'm pushing the tool's limits?

Thank you all so much!!! Much appreciated!

I'm afraid I can't load this version as it throws the following Error: TypeError: Cannot set property window of #<Window> which has only a getter

And one more question: Would the following be a functionally implemented custom refresh logic? // Store the window width var windowWidth = window.innerWidth window.addEventListener("resize", function (e) { // Check window width has actually changed and it's not just iOS triggering a resize event on scroll if (window.innerWidth != windowWidth) { windowWidth = window.innerWidth ScrollTrigger.refresh(); } else { // prevent default in case resizing was only height e.preventDefault(); } })

Hi Zach, thank you so much for your fast reply! It is very helpful indeed, option 2 will need to do the trick for me as I have a long one-page with multiple iframe backdrops going on... Is there any way to install the beta version through npm? Thanks, Arne

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 flow, and is also quite data intensive. To reproduce, please open the Codepen: https://codepen.io/arnespremberg-the-animator/pen/WNGrPgz and resize once the iframe is loaded. Any help with keeping the iframe from refreshing would be much appreciated! Thanks!