Skip to main content

Documentation

Totop

Create a simple to-top scroller.

Usage

The Totop component allows you to apply an icon to your to-top scroller. Just add the uk-totop attribute to an <a> element.

To add a smooth effect when using the totop icon to jump up the page, use the Scroll component.

<a href="" uk-totop></a>
<a href="#" uk-totop uk-scroll></a>

Accessibility

The Totop component automatically sets the appropriate WAI-ARIA roles, states and properties.

Internationalization

The Totop component uses the following translation strings. Learn more about translating components.

Key Default Description
label Back to top aria-label attribute.