FANDOM


Це скрипт, схожий на BackToTopButton. Дана версія скрипта займає менше місця і краще виглядає.

Опис

Цей скрипт особливо корисний, коли сторінка занадто довга, і треба довго прокручувати вгору, щоб повернутися в початок.

Він додає стрілку в правій стороні Oasis-футера і при натисканні повертає користувача на початок сторінки.

Встановлення

Щоб встановити цей скрипт, додайте рядок нижче сторінку global.js (для персонального використання):

importArticles({
    type: "script",
    articles: [
        'u:dev:BackToTopArrow/code.js'
    ]
});

Щоб встановити цей скрипт на вікі, додайте сторінку MediaWiki:ImportJS рядок нижче:

dev:BackToTopArrow/code.js

Чорна версія

Щоб встановити альтернативну версію цього скрипта з чорним дизайном, додайте рядок нижче на сторінку global.js (для персонального використання):

dev:BackToTopArrow/black.js

Щоб встановити цей скрипт на вікі, додайте сторінку MediaWiki:ImportJS рядок нижче:

dev:BackToTopArrow/black.js
importArticles — кращий спосіб установки скриптів на ФЕНДОМі
Функцію importArticles використовується для об'єднання декількох HTTP-запитів в один, дозволяючи безлічі скриптів завантажуватися та виконувати свою роботу швидше. Якщо Ви встановлюєте декілька різних скриптів, можливо, в коді є декілька непотрібних імпортів. Натисніть "Розгорнути", аби подивитися, як ефективно встановити скрипти одним імпортом, збільшивши швидкість їх роботи і очистивши зайвий код. Ще один метод — використання сторінкі MediaWiki:ImportJS.
Якщо у вашому файлі JavaScript є безліч рядків з імпортом importScript, importScriptPage або importArticles, то їх можна поєднати! Так Ваш код швидше завантажуватиме скрипти з одного імпорту, і його вигляд буде акуратніше. Розгляньте зразки нижче. Можливо, в даний момент Ваш код схожий на зразок ліворуч. Праворуч показано, як Ви можете його змінити.
Декілька импортов — негарно та повільно Один імпорт — чисто та ефективно
importScriptPage('AjaxRC/code.js','dev');
 
importScript('MediaWiki:localScript.js');
 
importArticle({
  type: 'script',
  article: 'u:dev:FloatingToc/code.js'
});
 
importScriptPage('page1.js', 'wikiname');
 
importScriptPage('page2.js', 'wikiname');
importArticles({
    type: 'script',
    articles: [
        'u:dev:AjaxRC/code.js',
        'MediaWiki:localScript.js',
        'u:dev:FloatingToc/code.js',
        'u:wikiname:page1.js',
        'u:wikiname:page2.js'
    ]
});
Примітка: Зверніть особливу увагу на розстановку ком і синтаксис в даному прикладі. Часто користувачі, мало знайомі з програмуванням (і не тільки!), випадково роблять помилку, неправильно поставивши кому при написанні коду, забуваючи написати символ або ненавмисно видаливши його. Це призводить до "синтаксичної помилкі", яка ламає код. Акуратно імпортуйте скрипти, дотримуючись інструкції вище.
Однак, існує ще безліч вимог до використання importArticles!

Налаштування

Якщо Ви бажаєте змінити швидкість прокручування сторінки вгору або довжину сторінки, на якій з'явиться стрілка, додайте наступні налаштування в коді перед імпортом скрипта (сторінки global.js) або в сторінку MediaWiki:Wikia.js (при локальному використанні).

Швидкість прокручування

Щоб налаштувати швидкість прокрутки, додайте наступний код:

window.BackToTopSpeed = number;

в якому number — це швидкість в мілісекундах. Чим вище це значення, тим повільніше сторінка прокручується; чим менше, тим швидше. Значення за замовчуванням — 600.

Поява кнопки

Щоб встановити довжину, на якій кнопка з'являється або зникає, додайте наступний код:

window.BackToTopStart = number;

в якому number — це дистанція в пікселях, яку потрібно пройти, щоб кнопка відобразилася. Чим більше значення, тим нижче треба прокручувати сторінку, щоб стрілка з'явилася. Значення за замовчуванням — 800.

Ефект плавної появи

Щоб вимкнути ефект плавної появи і зникнення кнопки, додайте наступний код:

window.BackToTopFade = 0;

Щоб знову ввімкнути цей ефект, просто видаліть доданий код з JS-сторінки.

Цей ефект є включеним.

Інші виправлення

Якщо текст в футері пофарбований іншим кольором (не чорним і не білим), Ви можете додатково замовити колір стрілки. Для цього зв'яжіться з автором (Jens Ingels) для докладної інформації.

Альтернативний код на вікі

Можна створити схожий ефект при використанні посилань на розділи. Наприклад, можна додати теґ розділу на початку і посилання на розділ в самому низу сторінки. Однак стрілка цього скрипта з'являється в футері, даючи можливість кожен раз натискати на неї, тому футер прокручується разом зі сторінкою.

Пропозиції

  • Область натискання на даний момент трохи маленька. Потрібно трохи збільшити зображення з прозорим фоном)
  • Фон стрілки, що з'являється при натисканні на неї.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.