apertureless/vue-parallax

Background Color apparent on text and headers on Safari

Opened this issue · 4 comments

danialhr commented

Expected Behaviour

Added header and text background should be transparent with parallax. But it's not on Safari.

Actual Behavior

And added background layer is apparent on Safari and a white background was apparent on iOS Safari.

Environment

  • OS: Mac Os
  • NPM version: 5.0.3
  • vue.js version: "vue": "^2.2.6"
  • vue-parallax version: "^1.0.2"
apertureless commented

Hey @danialhr can you provide a codepen or fiddle with a minimal reproduction?

danialhr commented

I am seeing that the demo page also reflects the same.

Do a comparison between a Chrome version and a Safari. You will notice text "Parallax fixed position" has the parallax image visible in Chrome but it has a white background on Safari.

apertureless commented

Oh now I got it. Thanks. Will fix this.

danialhr commented

Great thanks! Looking forward to the fix.

On another related note, would I be able to have a fixed background image 100% (parallax) while my text scroll up? At the moment text will consume its own div height and there will be an additional parallax image 100% height afterwards.

Can height be adjusted?