1

I am using a Wordpress theme which includes various JS libraries, including jQuery and the Stellar.js plugin. In Firefox 49.0 the background images where the parallax effect is applied, appear with some kind of a wrong vertical offset and are generally buggy.

You can see the problem here: select-salmon.gr

The problem disappears when I:

  1. Resize the window (or)
  2. Remove the transform: translate3d CSS property in the styles inspector (and thus reset the parallax effect)

Any ideas?

mavrosxristoforos
  • 3,573
  • 2
  • 25
  • 40
Nikos Moraitis
  • 11
  • 1
  • Could you possibly re-create the problem in a jsfiddle? I just checked and was able to "fix" the problem by removing the `top: 0px` of the `div.parallax-bg` rule in main.css. It seems strange to me that this rule had both `top: 0px;` and `bottom: 0px`. However, that "fix" does not apply with Google Chrome. A somewhat "hackish" solution would be to add a `window.resize();` script right before the end of your HTML `` tag. – mavrosxristoforos Sep 29 '16 at 18:37
  • Just a note about the select-salmon site, scrolling is being overridden to a smooth crawl. Don't do that, it's terrible UX. – Shadetheartist Sep 29 '16 at 18:43

0 Answers0