Компонент Кнопка вверх

Запросто создайте кнопку наверх с использованием плавной прокрутки, анимации.

Для удобства пользователей и в целом чтобы улучшить юзабилити сайта лучше всего использовать для сайта кнопку Наверх, нажав на которую пользователь автоматически перенаправляется в верхнюю часть страницы.

Totop: Руководство

Компонент Totop позволяет создать кнопку прокрутки вверх страницы с иконкой. Просто добавьте к элементу <a> атрибут uk-totop.

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

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

Кнопка Вверх

Чтобы добавить плавный эффект для перехода вверх по странице, при использовании кнопки Вверх, используйте компонент Scroll.

<div>
    <a href="#" class="uk-icon-button uk-text-primary" uk-totop uk-scroll></a>
</div>

Пример: Кнопка Наверх с плавной прокруткой

Доступность

Компонент Totop автоматически устанавливает соответствующие роли, состояния и свойства WAI-ARIA.

Totop-иконка имеет свойство aria-label, а если используется элемент <a>, то и роль button.

Интернационализация

Компонент Totop использует следующие строки перевода:
Ключ	По умолчанию	Описание
`label`	`Back to top`	`aria-label` атрибут.

Подробнее о переводе компонентов.