Parallax Background Moving

Design help General
1

Hi,

i try to archive this beautiful parallax background effect from
https://www.razorfish.de/en/

within webflow using the parallax.js.

There are two problems …

  1. How can i limit the mouse movement to y-axis? I tried limit the movement by using …

data-calibrate-x=“true”
data-calibrate-y=“true”
data-limit-y=“10”

But that doesn’t seem to work.

  1. Is it possible to have the img fullscreen like in the link mentioned?

Any idea what is going wrong?

https://preview.webflow.com/preview/prllx-bg-test?preview=d9eb2ad746f644c695f0b02a953e512f

best kalli

2

I’ll answer your second 1. point :wink:

Select your container and give it 100VH (type in VH and webflow will take it). It means 100% of the height of the viewport. More effective and straight forward than %ages.

http://vincent.polenordstudio.fr/snap/2u79o.jpg

3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.