Stories that play as visitors scroll: chapters, scroll animations and scroll videos.
A scroll story in TeleportHQ is a section built with the Scroll Scene element that stays on screen while visitors scroll through it, so its chapters take the stage one after another; add one from Elements → Primitives → Motion → Scroll Scene, or a ready-made one from Elements → Sections → Stories.
In TeleportHQ, open Elements → Primitives and click Scroll Scene in the Motion group; a scene with three starter chapters is added and selected, and you replace their text, move through the story with the Editing position slider and check the real scrolling in Preview.
In TeleportHQ, open Elements → Sections, click the Stories category and click a story such as Product story; a complete Scroll Scene with five chapters is added at the end of the page and selected, ready for you to move into place and fill with your own texts and pictures.
In TeleportHQ, select a Scroll Scene and click + in the Chapters row of the right panel (or + Chapter in the Scene Timeline) to add a chapter from 24 templates; drag a chapter's row in the Scene Timeline or the layers tree to reorder it, and click Re-deal evenly to give every chapter an equal share of the story again.
In TeleportHQ, select a Scroll Scene and use its Scroll Scene section in the right panel to set Scroll length (how many screens of scrolling the story takes), the Background (a colour, the dark story gradient or a video), Smoothing, Pin while scrolling and what visitors who ask for reduced motion see.
In TeleportHQ, select a Scroll Scene or anything inside it and the Scene Timeline opens under the canvas, with one row per chapter; play or scrub the story with its playhead, open a chapter to see what moves inside it, drag bars to change when things play, and reorder chapters by dragging their rows.
In TeleportHQ, select a Scroll Scene and set Chapter snap to Gentle in the right panel's Scroll Scene section, so that when a visitor stops scrolling between two chapters the story glides to the nearest chapter; you can also pin the exact moment each chapter settles on from the Scene Timeline.
In TeleportHQ, select any element inside a Scroll Scene and choose a Scroll animation in the right panel's Scroll Scene section, such as Rise in or Parallax, or choose Custom (keyframes) to decide what changes, when and by how much, so the element moves with the visitor's scroll.
In TeleportHQ, select a heading or paragraph inside a Scroll Scene and choose Word by word under Scroll animation in the right panel's Scroll Scene section, so its words arrive one after another as visitors scroll; choosing No animation joins the text back into one piece.
In TeleportHQ, add a Big number or Three numbers chapter to a Scroll Scene to show figures that count up from 0 as visitors scroll, change each figure under Keyframes → Count up in the right panel, or ask the AI Assistant to make numbers already on your page count up.
In TeleportHQ, add a Scroll Video from the Motion group of the Elements panel, then choose or upload a clip (or make one with AI); TeleportHQ optimizes the clip for scrolling, plays it forward as visitors scroll down and backward as they scroll up, and shows a still picture to visitors who ask for reduced motion.
In TeleportHQ, click Make one with AI on a Scroll Video (or ✦ in its Source row), describe the clip, choose 4, 6 or 8 seconds and click Generate video; the clip costs about 2,250 AI tokens per second, usually takes about a minute, can be made longer with Extend clip, and still reaches your project if you reload the editor while it's being made.
