Streaming live at 10am (PST)

Fixed images scroll jumpy and glitchy in Safari

This is my first post here. I’ve done lots of searching before posting and haven’t been able to find anything to fix the problem.

I have two images on the main page that are fixed, fullwidth backgrounds, and when I scroll with a trackpad in safari they jump up and down with a glitchy movement as I scroll. Tested on Safari, Chrome, and Firefox. The problem only happens in Safari.


Here is my site Read-Only: https://airship-beta.webflow.io

Hello,

​Riley here from the Webflow support team. Thank you for reaching out to the forums!

Unfortunately, Safari does not like fixed backgrounds using the background-image attachment fixed. It is generally better to assign a class to a div, make the div fixed and then assign a background image which is not fixed.

​Hopefully this helps, feel free to reach back out if you have any more questions.

My best,
Riley