zzz999

Thanks for the detailed explanation. I understood what you explained, and I too have tried to record the progress of the ScrollTrigger instance and get the scroll position of the new ScrollTrigger instance when the MatchMedia breakpoint is crossed, and scroll to that specific position I have also tried to get the scroll position of the new ScrollTrigger instance and scroll to that specific position, but it is not working at the moment. I look forward to your good report.

Sorry. It still had extra stuff on it. The problem this time is that it goes back to the beginning of the MAP when it gets smaller than the breakpoints set in matchmedia. If the window is smaller than 910px or 767px. It goes back to the beginning of the MAP even if it is in the middle of the timeline. How can I maintain the timeline even when the window is smaller than the breakpoint?

It appears that the code was not working properly. How can I eliminate the resizing bug in this animation? https://codepen.io/zumi999/pen/xxmVNxg

I made the same mistake when I was rebuilding it. My apologies. I fixed codepen but the same bug is still there. https://codepen.io/zumi999/pen/dywGVEE

Sorry, I wrote code that was hard to read. I rewrote it simply. In this case, you can also change the window width in the Image(class:travel-story) part It goes back to the beginning of the map animation when the breakpoint is exceeded https://codepen.io/zumi999/pen/dywGVEE

Thank you for your response. I have tried the timeline inside matchMedia() as you suggested, but the bug is not improved. What is not good?

Hello. I am Japanese and I am writing this question using a translation app. Therefore, please understand that I may not be able to convey the intent of your question well. I think you can see the results of codepen, This scrolltrigger's timeline reverts to the start of the animation when it is resized. Also, when resizing from mobile size to PC size, the screen does not resize, only the white margin expands. Presumably, this phenomenon occurs when the width exceeds the width specified in matchmedia. How can I resize it so it doesn't bug me? *I would appreciate it if you could answer in sentences that are easy to translate.