BackToTopButton добавляет кнопку в правый угол на панели инструментов, которая возвращает читателя в верхнюю часть страницы при нажатии.
Установка[]
Настройка[]
Если вы хотите настроить скорость прокрутки вверх или длину прокрутки вниз, после которой появляется кнопка, а также множество других параметров, добавьте следующие строки перед импортом скрипта (для global.js) или на страницу MediaWiki:Wikia.js или MediaWiki:Common.js вашей вики.
Modernization[]
The button has two variants, a modern one and the old one. The old one is shown by default, but if you want to enable the modern behavior you can use:
window.BackToTopModern = true;
Arrow icon[]
If you want to use the old variant of the button but display an arrow instead of a button, you can use:
window.BackToTopArrow = true;
Текст кнопки[]
Текст кнопки будет автоматически отображаться на языке посетителя. Однако, если вы хотите изменить текст, вы можете сделать это, вставив следующую строку.
window.BackToTopText = "новый текст";
Скорость прокрутки[]
Чтобы настроить скорость прокрутки, добавьте следующую строку:
window.BackToTopSpeed = number;
где number – это время в миллисекундах. Более высокие значения приводят к более медленной прокрутке, а меньшие – к более быстрой. Значение по умолчанию – 600.
Внешний вид кнопки[]
Чтобы отрегулировать «глубину», вы должны указать расстояние для появления/исчезновения кнопки:
window.BackToTopStart = number;
где number – это расстояние вниз по странице в пикселях до появления кнопки. Более высокие значения заставят посетителя прокручивать страницу ниже до появления кнопки. Значение по умолчанию – 800.
Оформление кнопки[]
Вы также можете оформить кнопку на своё усмотрение, используя CSS. Например:
/* Оформление кнопки «Наверх» */
#BackToTopBtn div {
opacity: 0.7;
transition: .5s;
}
#BackToTopBtn div:hover {
opacity: 1;
}
Этот CSS заставит кнопку выглядеть как простая ссылка.
/* Оформление кнопки «Наверх» */
#backtotop button{
background: none;
background-color: transparent;
color: white;
border: none;
}
#backtotop button:hover {
text-decoration: underline;
}
The above CSS rules will make the button look like a simple link. This works only on the old variant of the button.
Отключить эффект появления/исчезания кнопки[]
Чтобы отключить эффект исчезания, добавьте следующую строку:
window.BackToTopFade = 0;
Using configuration options with Fandom Developers Wiki scripts
The instructions on this page describe how to use configuration options with a script. Here on the Fandom Developers Wiki, many scripts provide optional configuration settings as a mean to alter or enhance the default behavior of the script. When installing configuration options in your JavaScript file, please note that they need to go above the import statement in order to work — unless the directions say otherwise. In case MediaWiki:ImportJS is used to load the scripts, it will be executed last.
// 1. AjaxRC import statement
importArticles({
type: 'script',
articles: [
'u:dev:MediaWiki:AjaxRC.js'
]
});
// 2. AjaxRC configuration option
window.ajaxRefresh = 30000;
// 1. AjaxRC configuration option
window.ajaxRefresh = 30000;
// 2. AjaxRC import statement
importArticles({
type: 'script',
articles: [
'u:dev:MediaWiki:AjaxRC.js'
]
});
Чтобы снова включить эффект, просто удалите эту строку со своей JS-страницы. Эффект появления/исчезания кнопки включён по умолчанию.