Parallax speed property

[musicformellons]

Parallax speed property

[rstoenescu]

Are you saying it doesn't move at all? Or that you want to move at a lower rate?

[musicformellons]

Tried on chrome and firefox: the text moves but background pictures do not move at all. Tried on my android phone: background pictures tremble, they do not really move.

[rstoenescu]

1. What size is the picture you are using?
2. What is the height of the window?
3. Did you set any height to the Parallax (through prop) and which is it?
4. Are you using a layout or not?
5. Is your parallax wrapped in an overflowed element on your page?
6. Does the demo from doc website works for you?
7. Which brwosers are you using?

[musicformellons]

1. I am using your demo component.
2. Does not matter, happens at all sizes.
   3, 4, 5, 6 See 1.
3. Chrome and Firefox and Chrome Android mobile. All recent versions.

My screencast is having some quirks otherwise I 'd send you a mp4 of it.

[rstoenescu]

Are copy pasting into your app? Does the demo from website works for you?

[musicformellons]

I am not using an app. I am just looking at
http://quasar-framework.org/components/parallax.html

[rstoenescu]

Using exactly same environment as you. Latest Chrome, viewing the doc website example. It works. Open up dev tools and refresh the page. Any errors in the console there?

[rstoenescu]

Some screenshots to eliminate any confusion. This is how it is indended to be seen while scrolling.

[musicformellons]

Your screenshots show the behaviour I would expect, but it is not what I get... No errors in the Chrome devtools console...
The background pictures do shiver/ tremble a little bit... they seem 'stuck'. Weird. As said before it is also on my mobile phone...

[rstoenescu]

Weird. I need to reproduce in order to fix it. But can't understand how it would act different on the same browser... Can you investigate a little please on your machine? Fork this repo and try to make something of it. NPM install then "npm run dev".

You'll see some buttons there, click on Parallax. Source of the page is in /dev/views/parallax.vue, source for Parallax is in src/web-components/parallax/parallax.vue.

Will investigate too, but it's hard if I can't reproduce :(

[rstoenescu]

If anyone else is experiencing this please join the discussion.

[musicformellons]

When installing as app I have same issue.

[musicformellons]

Also tried on an ipad. Same problem.

[musicformellons]

Just to be 100% sure as when I look more closely at your screencaptures it is also not very clear whether the background picture moves y/n; Expected behaviour would be a moving background picture at different pace then foreground text, like in this example:
http://materializecss.com/parallax-demo.html

[rstoenescu]

Omg, lol. But this is intended due to inner workings for scaling any image you give Parallax to work with. The intended effect is just as if you have a window (real life window) through your page and the window moves up or down, showing you different parts of the landscape behind it. From your description I though the background image does not move AT ALL (which would be a bug) as if you keep looking at the same part of the image regardless of the scroll position... aka as if you replace Parallax with a static image :)
What you want is actually an enhancement, to be able to specify some speed for Parallax scroll.

[musicformellons]

My goodness, glad we got that sorted out!! I will separately write an issue regarding current feature as it shivers.

[rstoenescu]

By default, it will also "move" the image now.