---
title: "Scroll Camera Story"
description: "A compressed forced-scroll cinematic pass: a tall scene of slotted sections travels past the camera top to bottom, depth layers parallax at different rates, each section rises as the camera reaches it, and the pass decelerates into a held final section."
---
import { InstallCommand } from "/snippets/install-command.jsx";
import { VariablesExplorer } from "/snippets/variables-explorer.jsx";
```html scroll-camera-story.html
Scroll Camera Story
```
## Install
That writes one file: `compositions/components/scroll-camera-story.html`.
## Paste it into your composition
Open `compositions/components/scroll-camera-story.html` and copy what is inside into your own composition.
A component has no size or duration of its own. It takes both from the composition
you paste it into.
{/* hf:generated-footer */}
Tagged `camera` `scroll` `parallax` `story` `sections` `slot` `servo`.
## Related topics
- [Browse the complete Catalog](/catalog)
- [Add assets and Catalog items in Studio](/studio/assets-and-blocks)
- [Build a richer composition](/go-further)