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

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

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

Руководство

Totop

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

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

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

Кнопка Вверх

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

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

  • <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 атрибут.

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

Totop