Solved: Parallax behaviour in Firefox vs Chrome

1 reply · opened Oct 15, 2021

Aalex_fuseOct 15, 2021

I would like to share my solution about the issue of the different behaviour of the parallax effect in Firefox vs other browsers.

The parallax effect is working if background-attachment is set to fixed. BUT in Firefox the background is behaving like if the background-attachment property is set to scroll.

This behaviour is triggered by the presence of a transform property OR (and this is the case) the "will-change: transform;" property.

So the solution is to add this simple rule to custom.css:

.parallax {
  will-change: auto !important;
}

I saw other tickets opened with this issue, so I'm happy to share this solution, for example this:
Ticket parallax-behaviour-different-between-webbrowsers

This issue is described also in the Firefox mozilla forum:
https://bugzilla.mozilla.org/show_bug.cgi?id=1292499

Hope this helps...
Alexandar Fusè

SSemicolon WebSTAFFOct 16, 2021

Hello,

Thank You so so much for taking out time to write this article for us and providing your Solution. We will surely release this fix in the next update which is going to be really really helpful for countless users.

Thank You so so much!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard