How do I make my page scroll normally?
By default an Impulse page is a cinematic deck: each screen fills the viewport and the scroll wheel advances one screen at a time (Snap scroll). To make a page scroll like a normal web document instead:
selected; the panel is on the right).
The page now scrolls top to bottom as one continuous document.
What changes in this mode
- Sections size to their content. They are no longer forced to full
- Per-screen height. In this mode each screen's settings shows a
- No reveal animations. Entrance reveals are a Snap-mode effect, so the
- No page environment. The animated backdrop (cosmos, wave, and the
viewport height: short sections are short, tall sections are tall. Add padding or content to a sparse section if you want it taller (a section with only a background and no content will be short, because a background image gives the section no height on its own).
Min height slider (vh). Leave it at 0 (Auto) for content height, or set a minimum, e.g. 100 for a full-screen section. It replaces the Reveal Effect controls, which are snap-only.
Reveal Effect controls are hidden while Native vertical scroll is on.
rest) is off here; a moving backdrop behind flowing text hurts readability. Use per-section backgrounds instead.
When to use it
- Content-heavy pages: blog posts, documentation, long-form landing pages,
- Any page where visitors expect to scroll, not to click through
policy and legal pages.
full-screen panels.
Leave it off (the default Snap) for cinematic, one-screen-at-a-time storytelling.
Related
concepts/page-structure: Snap vs Classic scroll, reveals, environment