---
title: Parallax
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/parallax
---

# Parallax

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

## Declaration

```data
object Parallax
```

## Properties

type: This behavior always has the type parallax. factor: The speed of the component, as a factor of the scroll speed. Use a value of factor between 0.5 and 2.0. Values outside this range are reset to the minimum or maximum value. The parallax factor 1.0 is equal to the scroll speed. A factor lower than 1.0 makes the component move more slowly than the scrolling speed. A factor higher than 1.0 makes the component move more quickly than the scrolling speed.

## Mentioned in

About Component Behaviors

## Discussion

Discussion When you apply the Parallax behavior to a component, the component moves at a different speed than the scroll speed. Use the factor property to set the speed of the component. This video shows an example of the parallax behavior. tip: When you use parallax behavior, you might notice text becoming illegible as it covers an image. You can fix this easily, and create a cleaner, more legible article, by adding a background color. Example {   "components": [     {       "role": "figure",       "behavior": {         "type": "parallax",         "factor": 0.8       },       "URL": "bundle://figure.jpg"     }   ] }

## Relationships

### Inherits From

- [Behavior](applenewsformat/behavior.md)

## See Also

### Related Documentation

- [Adding Parallax Behavior](applenews/adding-parallax-behavior.md)

### Behaviors

- [About Component Behaviors](applenews/about-component-behaviors.md)
- [Behavior](applenewsformat/behavior.md)
- [BackgroundMotion](applenewsformat/backgroundmotion.md)
- [BackgroundParallax](applenewsformat/backgroundparallax.md)
- [Motion](applenewsformat/motion.md)
- [Springy](applenewsformat/springy.md)