Since Safari (Desktop) seems to have a big issue with more then one parallax background element on one page I’m looking for a way to disable the parallax effect for Safari only. In Chrome, Firefox and Opera scrolling and parallax is smooth and nice but in Safari (Desktop) it “judders” a lot if there are more then one parallax background element. Is there a way by css and/or js to disable parallax effects for Safari… I’d prefer to be able to disable it for certain elements only by adding a certain class or id to the elements.
Hey,
Thank you for writing in!
The parallax should work in all browsers without any problem. So, to investigate it, could you provide your website link and the WP credentials in a secure note?
I figured out what caused the jerky scrolling in Safari on my page with parallax elements. I had an image filter (saturate) on one of the images. After removing it, Safari scrolls smooth again through the parallax.
Glad it works now and thanks for sharing! I’ll check that out for similar issues 