Docs How-To Guides How do I make my page scroll normally?

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:

  • Open Page Settings (click an empty area of the canvas so nothing is
  • selected; the panel is on the right).

  • Tick Native vertical scroll.
  • 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
    • 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).

    • Per-screen height. In this mode each screen's settings shows a
    • 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.

    • No reveal animations. Entrance reveals are a Snap-mode effect, so the
    • Reveal Effect controls are hidden while Native vertical scroll is on.

    • No page environment. The animated backdrop (cosmos, wave, and the
    • 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,
    • policy and legal pages.

    • Any page where visitors expect to scroll, not to click through
    • 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