Sanjero

Hi, I finally fixed it, that was a bug in my code. Thanks. Ali

Thank you for your reply, I will try to figure the issue out and let you know.

Thank you for your reply. Don't try it on codepen, just paste the code in a HTML file, import the jquery then try.

Hi, I have a issue with using GSAP and jQuery at same time. My GSAP code is working fine without jQuery but once I import jQuery to the index page I face the below strange behavior: When I refresh the page, GSAP losing the scroll position. Please open the below URL and scroll down to see the section animations, then refresh the page and try scrolling from top, you will see the issue. I used the below code to prevent the browser from saving the scroll position on refreshing page, which that works for the browser but for GSAP doesn't work and GSAP losing the scroll position which is because of jQuery I think. if (history.scrollRestoration) { history.scrollRestoration = "manual"; } else { window.onbeforeunload = function () { window.scrollTo(0, 0); }; } I'm using: GSAP 3.7.1 and https://code.jquery.com/jquery-3.6.0.min.js Thanks in advance.

I just commented out the jQuery import in index.html and that fixed. I need to know if I can use jQuery with GSAP, and how?

I found that the issue is because I'm using jQuery!

No that doesn't work. I'm using version 3.7.1

Yes, works for the browser to not saving the scroll position but not for GSAP. I used: if (history.scrollRestoration) { history.scrollRestoration = "manual"; } else { window.onbeforeunload = function () { window.scrollTo(0, 0); }; }

Doesn't work.

That's correct but how can I solve this issue? is this possible for ScrollTrigger to read the saved scroll position?

Hi, My page is a simple HTML/CSS not React, Angular, etc. But I have same issue when I refresh the page. I made a new pen with the code that I used on my template, please check: https://codepen.io/Sanjero/pen/oNwvJKY