Using scroll points - Building - Carrd docs

Mr Bird
Mr Bird
@mrbirddev

Using Scroll Points

Scroll Points are special Control elements that create linkable points within a site that can be linked to internally (e.g., to scroll the browser to a signup form after a call to action button has been clicked), or externally to link to a specific part of a site. Here's how to set one up:

  1. Add Element Click Add Element.

  2. Create Control Click Control to create a new Control element.

  3. Set Type Set Type to Scroll Point.

  4. Name the Scroll Point Give it a short, descriptive Name composed of only lowercase letters, numbers, and hyphens (e.g., signup). This will uniquely identify the scroll point and allow you to link to it (see below).

  5. Position the Scroll Point Drag the scroll point to where you'd like to create a linkable point, then release click to drop it.

  6. Link to the Scroll Point You're done! You can now link directly to the scroll point internally using its hash-prefixed name (e.g., #signup) or externally by appending its hash-prefixed name to the site's URL (e.g., foo.carrd.co/#signup). You can also link to the following special URLs to navigate between your scroll points:

CommandDescription
scrollpoint:nextScroll to the next scroll point.
scrollpoint:previousScroll to the previous scroll point.
scrollpoint:firstScroll to the first scroll point.
scrollpoint:lastScroll to the last scroll point.

Table of contents - carrd docs