Кнопка «Наверх» — возврат в начало страницы с индикатором прокрутки
Модуль «Кнопка возврата в начало страницы» добавляет на сайт плавающую кнопку, с помощью которой посетители могут быстро вернуться к началу длинной страницы одним нажатием.
Кнопка появляется после прокрутки страницы вниз и плавно перемещает пользователя в начало. Встроенный индикатор прогресса позволяет визуально оценить, какая часть страницы уже просмотрена.
Модуль позволяет настроить внешний вид кнопки без редактирования файлов шаблона сайта и изменения кода страниц.
Основные возможности- Плавный возврат наверх. При нажатии на кнопку страница плавно прокручивается к началу.
- Индикатор прогресса прокрутки. Визуальное отображение текущего положения пользователя на странице в виде обводки вокруг кнопки. Индикатор можно включить или отключить.
- Выбор расположения. Кнопка размещается в нижней левой или нижней правой части экрана.
- Гибкая настройка размеров. Можно изменить размер кнопки, размер значка, толщину рамки и степень скругления углов.
- Настройка отступов. Регулируются расстояния от нижнего и бокового краёв экрана.
- Выбор значка. Доступны шесть встроенных вариантов стрелок, а также возможность загрузить собственное изображение.
- Настройка цветовой схемы. Можно изменить цвет фона и границы кнопки, цвет значка, цвет индикатора прогресса и цвет значка при наведении.
- Настраиваемая тень. Тень можно включить или отключить, выбрать её цвет, прозрачность и размер.
- Предпросмотр настроек. В административной панели доступен предварительный просмотр внешнего вида кнопки с изменением параметров.
Настройки модуля
Все параметры собраны в административной панели и разделены на группы.
Основные настройки: включение кнопки, включение индикатора прогресса, выбор значка и положения кнопки.
Размеры и отступы: ширина и высота кнопки, размер значка, толщина рамки, скругление углов, отступы по горизонтали и вертикали, толщина полосы индикатора.
Цвета: фон кнопки, граница, значок, индикатор прогресса и цвет значка при наведении.
Тень: включение и отключение, цвет, прозрачность и размер тени.
Для собственной иконки поддерживаются форматы SVG, PNG, JPEG, JPG и WebP.
Удобство настройкиМодуль самостоятельно добавляет кнопку на публичную часть сайта после включения соответствующей настройки. Вручную вставлять HTML-код в шаблон не требуется.
Параметры доступны в административной панели Битрикс. При настройке можно сразу оценить внешний вид кнопки в блоке предпросмотра и подобрать оформление под дизайн сайта.
Для чего подходит модульРешение подходит для корпоративных сайтов, интернет-магазинов, каталогов, информационных порталов и других проектов с длинными страницами.
Кнопка «Наверх» упрощает навигацию, помогает быстрее возвращаться к началу материала и позволяет оформить элемент навигации в соответствии с дизайном сайта.