Scroll Arrow

An animated scroll-down arrow for hero sections: smooth-scrolls to a target section anchor. It is shown in the block inserter as Canvas Scroll Arrow and registered as canvas-core/scroll-arrow.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

• Target SectionDefaultEmpty

  Anchor of the section to scroll to (e.g. #section-1). Required: the block renders nothing without it.

• IconDefaultbi-chevron-down

  The glyph the arrow shows. A downward chevron is the usual invitation to keep scrolling.

Settings

• Dark ArrowDefaultOff

  Use the dark arrow variant (for light hero backgrounds).

• Extra ClassesDefaultEmpty

  Additional utility classes appended after one-page-arrow (e.g. responsive visibility).

• Scroll EasingDefaulteaseInOutExpo

  Named curve the scroll follows, which decides how it speeds up and slows down on the way.

• Scroll Speed (ms)Default1250

  How long the journey to the target section takes, in milliseconds. Lower it for a quicker jump.

• Scroll Offset (px)Default65

  Distance kept between the viewport top and the target section after scrolling.

Related

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Content: Background Video / Audio, Cascading Images, Charts, Circle Stack, Clients, Data Tables.