Jump to content
Search Community

GSAP horizontal scroll - issue on Safari MacOS

Punchify Me test
Moderator Tag

Recommended Posts

Hi,

 

I am using GSAP to create a horizontal pinned slider (see codepen demo). The slider works perfectly on all browsers, except on Safari (MacOS BigSur). 

On scrolling, the slider shifts towards the left instead of staying fixed within the pinned container. Could you please direct me as to why this might be happening?

 

Thanks !

 

See the Pen XWedxzp by sunshinetainted (@sunshinetainted) on CodePen

Link to comment
Share on other sites

I wonder if you've got some kind of extension that's causing problems. None of us can reproduce that which makes it virtually impossible to troubleshoot. Maybe try calling ScrollTrigger.refresh() after a little while to see if that resolves things - if it does, that means you must be altering the layout somehow after the page finishes loading. 🤷‍♂️

Link to comment
Share on other sites

That's weird. Because I tried on two laptops and I have the same issue.

Could you please confirm that it's not an issue for you on the live website https://www.cyclable-for-good.com/

 

It's password protected for the moment, but I will share the access with you ina private message. The slider shows after the splash screen video (you can click on passer l'intro button at the bottom of the screen). 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...