Кнопка «Наверх»

Кнопка появляется при прокрутке страницы вниз и плавно возвращает посетителя к началу. Настраиваются размер, форма, стрелка, цвет, положение и порог появления. Прокрутите страницу — в углу появится живая кнопка.

Размеры — SIZE

Маленькая

Средняя

Большая

Формы — SHAPE

Круглая

Скруглённая

Квадратная

Стрелки — ARROW

Со штоком

Уголок

Треугольник

Двойная

Цвета — ACCENT

Синий

Фиолетовый

Оранжевый

Красный

Бирюзовый

Розовый

↓ Прокрутите ниже — внизу справа появится живая кнопка «Наверх» ↓

Раздел 1

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

Раздел 2

Раздел 3

Раздел 4

Раздел 5

Раздел 6

Как вставить

Вставьте компонент в шаблон сайта (header.php или footer.php):

<?$APPLICATION->IncludeComponent('vabank:scrolltop', '.default', [
    'ACCENT'    => '#2563eb',
    'POSITION'  => 'br',
    'SIZE'      => 'medium',   // small | medium | large
    'SHAPE'     => 'circle',   // circle | rounded | square
    'ARROW'     => 'line',     // line | chevron | triangle | double
    'THRESHOLD' => '300',
]);?>

Установка

🛒 Установить из Маркетплейса ⬇ Скачать модуль (.zip)

Установка из архива

Скачайте архив vabank.scrolltop.zip (кнопка выше).
Распакуйте — внутри будет папка .last_version/ с файлами модуля.
Скопируйте содержимое .last_version/ в /bitrix/modules/vabank.scrolltop/ на сервере.
В админке: Marketplace → «Установленные решения» → найдите модуль → нажмите «Установить».

Параметры компонента

Параметр	Описание	По умолчанию / значения
`THRESHOLD`	Порог появления, px прокрутки	`300`
`SIZE`	Размер кнопки	`small` / `medium` / `large`
`SHAPE`	Форма	`circle` / `rounded` / `square`
`ARROW`	Вид стрелки	`line` / `chevron` / `triangle` / `double`
`ACCENT`	Цвет (HEX)	`#2563eb`
`POSITION`	Положение	`br` / `bl`