Contents

BackgroundParallax

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

Declaration

object BackgroundParallax

Properties

NameTypeDescription
type Requiredstring

This behavior always has the type background_parallax.

Mentioned in

Discussion

When you apply the BackgroundParallax behavior to a component, the background of the component moves slightly more slowly than a person’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"
      }
    }
  ]
}

See Also

Behaviors