Hey there!
I’m pretty much done building a website with some scroll interactions and everything is working just fine in Chrome. However, the interactions (in the header) are very choppy on Safari and i don’t really understand why that is happening.
I found this topic which suggests setting the Transform Origin point (which I did), but that doesn’t seem to help.
Any help is hugely appreciated.
Here is my public share link: LINK
(how to access public share link)
Finally solved this issue. The problem was quite specific in my case, but in case anybody is having similar issues, here’s what happened:
I thought I was being smart by using a low res image of a background gradient image and smoothing it out with a css blur filter on top. It looks great, but the rendering messed up the page performance (although Chrome is fine). I have just removed the fx and replaced it with an image: all good!
Legend, this just helped troubleshoot for me thanks so much!
Happy to hear this helped you out Henry!