FANDOM


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

Установка

Настройка

Если вы хотите настроить скорость прокрутки вверх или длину прокрутки вниз, после которой появляется кнопка, а также множество других параметров, добавьте следующие строки перед импортом скрипта (для global.js) или на страницу MediaWiki:Wikia.js или MediaWiki:Common.js вашей вики.

Текст кнопки

Текст кнопки будет автоматически отображаться на языке посетителя. Однако, если вы хотите изменить текст, вы можете сделать это, вставив следующую строку.

window.BackToTopText = "новый текст";

Скорость прокрутки

Чтобы настроить скорость прокрутки, добавьте следующую строку:

window.BackToTopSpeed = number;

где number – это время в миллисекундах. Более высокие значения приводят к более медленной прокрутке, а меньшие – к более быстрой. Значение по умолчанию – 600.

Внешний вид кнопки

Чтобы отрегулировать «глубину», вы должны указать расстояние для появления/исчезновения кнопки:

window.BackToTopStart = number;

где number – это расстояние вниз по странице в пикселях до появления кнопки. Более высокие значения заставят посетителя прокручивать страницу ниже до появления кнопки. Значение по умолчанию – 800.

Оформление кнопки

Вы также можете оформить кнопку на своё усмотрение, используя CSS. Например:

/* Оформление кнопки «Наверх» */
#backtotop button{
    background: none;
    background-color: transparent;
    color: white;
    border: none;
}
#backtotop button:hover {
    text-decoration: underline;
}

Этот CSS заставит кнопку выглядеть как простая ссылка.

Отключить эффект появления/исчезания кнопки

Чтобы отключить эффект исчезания, добавьте следующую строку:

window.BackToTopFade = 0;

Чтобы снова включить эффект, просто удалите эту строку со своей JS-страницы. Эффект появления/исчезания кнопки включён по умолчанию.

Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+