Global Parallax Setup

data-parallax-start=”0”
data-parallax-end=”40”
data-parallax-scroll-start="top top"

data-parallax-start=”20”
data-parallax-end=”-20”
data-parallax-disable="mobileLandscape"

data-parallax-start=”30”
data-parallax-end=”-30”
data-parallax-disable="mobileLandscape"

data-parallax-start=”40”
data-parallax-end=”-40”
data-parallax-disable="mobileLandscape"

One single function. Fully flexible setup with attributes.

data-parallax-scrub="2"
data-parallax-start="-30"
data-parallax-end="0"

data-parallax-scrub="2"
data-parallax-start="-30"
data-parallax-end="0"

Even control the parallax direction

data-parallax-direction="horizontal"
data-parallax-start=”50”
data-parallax-end=”0”
data-parallax-scroll-end="center center"
data-parallax-scrub="true"

data-parallax-direction="horizontal"
data-parallax-start=”50”
data-parallax-end=”0”
data-parallax-scroll-end="center center"
data-parallax-scrub="0.5"

data-parallax-direction="horizontal"
data-parallax-start=”50”
data-parallax-end=”0”
data-parallax-scroll-end="center center"
data-parallax-scrub="1"

Have fun!