Documentation/Elements & Controls Reference/Elements/Blocks/Back To Top
Back To Top
Back To Top adds a control that returns visitors toward the top of the page. Use it on a long page where returning to the opening content would otherwise require substantial scrolling.
Add and configure Back To Top
Click Add, choose Back To Top, and place it in the container.
Choose Content > Button > Type and configure its Icon or Text.
Review Advanced button behavior.
Set Design > Container, Button, and Spacing.
Save your changes.
Back To Top controls in the Breakdance editor
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Content > Button
Setting
Purpose and options
Behavior
Type
Scroll Progress, Icon, Icon + Text.
Shared
Icon
Icon.
Shared
Text
Visible text. When:Type = Icon + Text.
Shared
Advanced > Scroll Offset
Set the numeric scroll offset value.
Shared
Advanced > Scroll To Selector
Enter the scroll to selector.
Shared
Design > Container
Setting
Purpose and options
Behavior
Sticky
On/off.
Shared
Shown when Sticky is set.
Setting
Purpose and options
Behavior
Vertical Align
Top, Center, Bottom.
Shared
Horizontal Align
Left, Center, Right.
Responsive
Hide At The Top
On/off.
Shared
Show
Always, Half Way, Near Bottom.
Shared
Setting
Purpose and options
Behavior
Animation
Fade In, Zoom, Slide up, Slide Right, Slide Left. When:Show = Half Way, Near Bottom.
Shared
Duration
Duration and unit. When:Show = Near Bottom, Half Way.
