Streaming live at 10am (PST)

Parallax Background Moving


#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"

https://github.com/wagerfield/parallax

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.


#3

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