Object

BackgroundParallax

The behavior whereby the background of a component moves slightly slower than the user’s scroll speed.

Properties

type
string
(Required)

This behavior always has the type background_parallax.

Discussion

When you apply the BackgroundParallax behavior to a component, the background of the component moves slightly more slowly than the user’s scroll speed, as shown in this video.

Example

{ "components": [ { "role": "container", "behavior": { "type": "background_parallax" }, "style": { "fill": { "type": "image", "URL": "bundle://image.jpg", "fillMode": "cover", "verticalAlignment": "top" } }, "layout": { "minimumHeight": "77.2cw" } } ]}

Relationships

Inherits From

See Also

Behaviors

About Component Behaviors

Learn how to affect components’ reactions to device motion and scrolling.

object Behavior

Properties shared by all the behaviors you can use to affect how components react to device motion and scrolling.

object BackgroundMotion

The behavior whereby the background of a component moves in the opposite direction from the motion of the device.

object Motion

The behavior whereby a component reacts to the motion of the user’s device.

object Parallax

The behavior whereby a component moves at a speed different from the scroll speed.

object Springy

The behavior whereby a component acts as if it is on a short spring.