Кнопка возврата в начало страницы. Кнопка вверх/наверх

Кнопка «Наверх» — возврат в начало страницы с индикатором прокрутки

Модуль «Кнопка возврата в начало страницы» добавляет на сайт плавающую кнопку, с помощью которой посетители могут быстро вернуться к началу длинной страницы одним нажатием.

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

Модуль позволяет настроить внешний вид кнопки без редактирования файлов шаблона сайта и изменения кода страниц.

1. Плавный возврат наверх. При нажатии на кнопку страница плавно прокручивается к началу.
   
2. Индикатор прогресса прокрутки. Визуальное отображение текущего положения пользователя на странице в виде обводки вокруг кнопки. Индикатор можно включить или отключить.
   
3. Выбор расположения. Кнопка размещается в нижней левой или нижней правой части экрана.
   
4. Гибкая настройка размеров. Можно изменить размер кнопки, размер значка, толщину рамки и степень скругления углов.
   
5. Настройка отступов. Регулируются расстояния от нижнего и бокового краёв экрана.
   
6. Выбор значка. Доступны шесть встроенных вариантов стрелок, а также возможность загрузить собственное изображение.
   
7. Настройка цветовой схемы. Можно изменить цвет фона и границы кнопки, цвет значка, цвет индикатора прогресса и цвет значка при наведении.
   
8. Настраиваемая тень. Тень можно включить или отключить, выбрать её цвет, прозрачность и размер.
   
9. Предпросмотр настроек. В административной панели доступен предварительный просмотр внешнего вида кнопки с изменением параметров.
   

Все параметры собраны в административной панели и разделены на группы.

Основные настройки: включение кнопки, включение индикатора прогресса, выбор значка и положения кнопки.

Размеры и отступы: ширина и высота кнопки, размер значка, толщина рамки, скругление углов, отступы по горизонтали и вертикали, толщина полосы индикатора.

Цвета: фон кнопки, граница, значок, индикатор прогресса и цвет значка при наведении.

Тень: включение и отключение, цвет, прозрачность и размер тени.

Для собственной иконки поддерживаются форматы SVG, PNG, JPEG, JPG и WebP.

Модуль самостоятельно добавляет кнопку на публичную часть сайта после включения соответствующей настройки. Вручную вставлять HTML-код в шаблон не требуется.

Параметры доступны в административной панели Битрикс. При настройке можно сразу оценить внешний вид кнопки в блоке предпросмотра и подобрать оформление под дизайн сайта.

Решение подходит для корпоративных сайтов, интернет-магазинов, каталогов, информационных порталов и других проектов с длинными страницами.

Кнопка «Наверх» упрощает навигацию, помогает быстрее возвращаться к началу материала и позволяет оформить элемент навигации в соответствии с дизайном сайта.