Компонент Кнопка вверх Totop
Запросто создайте кнопку наверх с использованием плавной прокрутки, анимации.
Для удобства пользователей и в целом чтобы улучшить юзабилити сайта лучше всего использовать для сайта кнопку Наверх, нажав на которую пользователь автоматически перенаправляется в верхнюю часть страницы.
Руководство
Totop
Компонент Totop позволяет создать кнопку прокрутки страницы вверх с иконкой.
Просто добавьте к элементу <a>
атрибут uk-totop
.
Чтобы добавить плавный эффект для перехода вверх по странице, при использовании кнопки Вверх, используйте компонент Scroll.
<a href="" uk-totop></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
.
Интернационализация
Ключ | По умолчанию | Описание |
---|---|---|
label |
Back to top |
aria-label атрибут. |
Подробнее о переводе компонентов.