Примеры виджета кнопки "Наверх"

Посмотрите, как работает Кнопка Вверх на реальных примерах. Оцените его возможности для своего сайта, какими бы ни были задачи.

Пример 1. Back to Top button

Кнопка располагается в правом нижнем углу. Благодаря раскладке Floating она всегда остается на виду у пользователя.

Пример 2. Scroll to Top button

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

Пример 3. Back to Top button

Вы можете придать своей кнопке любую форму. В данном случае она яркая, прямоугольная, и расположена горизонтально.

Пример 4. Back to Top button

Эта кнопка отлично смотрится на сайте, и в то же время не отвлекает внимание пользователей от основного контента. В настройках можно поменять текст и значок “Наверх”.

Пример 5. Back to Top button

Эта кнопка “Наверх” средних размеров. Благодаря расположению справа посередине она органически вписывается в дизайн сайта.
Перейти к созданию виджета
Перейти к созданию виджета
Быстро. Легко. Ни строчки кода.
Создать виджет

Пример 6. Scroll to Top button

В оформлении этой кнопки оставили только иконку и рамку. Пользователям будет не сложно догадаться, для чего она предназначена.

Пример 7. Scroll to Top link

У этой кнопки отсутствуют границы, кнопка органически вписывается в зону контента.

Пример 8. Go to Top link

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

Пример 9. Go to Top button

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

Пример 10. Scroll to Top button

Это минималистичная кнопка без лишних деталей. Черный фон позволит привлечь внимание.

Станьте одним из 2,078,753 клиентов Elfsight Apps

Откройте для себя еще более 80 эффективных приложений от Elfsight! Банковская карта не требуется. Никаких рисков!
Начать
Получите скидку 20% прямо сейчас!