BackToTopButton, sayfanın sağ köşesine (modern sürümde) veya araç çubuğuna (eski sürümde) basıldığında sizi sayfanın en üstüne geri götüren bir düğme ekler.
Installation[]
Özelleştirme[]
Düğmenin görünmesi için yapmanız gereken yukarı kaydırma hızını veya aşağı kaydırma miktarını ve bir dizi başka seçeneği ayarlamak istiyorsanız, betiği içe aktarmadan önce aşağıdaki satırları ekleyin (genel için .js) veya topluluğunuzun MediaWiki:Common.js sayfasına.
Modernizasyon[]
Düğmenin modern ve eski olmak üzere iki çeşidi vardır. Eskisi varsayılan olarak gösterilir, ancak modern davranışı etkinleştirmek istiyorsanız şunları kullanabilirsiniz:
window.BackToTopModern = true;
Ok ikonu[]
Düğmenin eski değişkenini kullanmak, ancak düğme yerine bir ok görüntülemek istiyorsanız, şunları kullanabilirsiniz:
window.BackToTopArrow = true;
Düğme metni[]
Düğme metni otomatik olarak kullanıcının dilinde gösterilecektir. Ancak, metni değiştirmek isterseniz, bunu aşağıdakilerle yapabilirsiniz:
window.BackToTopText = "yeni metin";
Kaydırma hızı[]
Kaydırma hızını ayarlamak için şunu ekleyin:
window.BackToTopSpeed = number;
Burada number, milisaniye cinsinden kaydırma süresidir. Daha yüksek sayılar daha yavaş kaydırmaya ve daha küçük sayılar daha hızlı kaydırmaya neden olur. Varsayılan değer 600'dür.
Düğme görünümü[]
"Derinliği" ayarlamak için, düğmenin görünmesi/kaybolması için ulaşmanız gerekir, şunu ekleyin:
window.BackToTopStart = number;
Burada number, düğme görünmeden önce piksel cinsinden sayfanın aşağısındaki mesafedir. Daha yüksek sayılar, düğme görünmeden önce daha aşağı kaydırmanızı sağlar. Varsayılan değer 800'dür.
Düğme biçimi[]
Ayrıca CSS ile butonu istediğiniz gibi biçimlendirebilirsiniz. Örneğin:
/* Başa dön düğmesi biçimi */
#BackToTopBtn div {
opacity: 0.7;
transition: .5s;
}
#BackToTopBtn div:hover {
opacity: 1;
}
Yukarıdaki CSS kuralları, düğmeyi üzerine gelene kadar yarı saydam yapacaktır. Bu, yalnızca düğmenin modern varyantında çalışır.
/* Başa dön düğmesi biçimi */
#backtotop button{
background: none;
background-color: transparent;
color: white;
border: none;
}
#backtotop button:hover {
text-decoration: underline;
}
Yukarıdaki CSS kuralları, düğmeyi basit bir bağlantı gibi gösterecek. Bu, yalnızca düğmenin eski varyantında çalışır.
Düğmenin içeri/dışarı geçiş efektini devre dışı bırak[]
Solma efektini devre dışı bırakmak için şunu ekleyin:
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'
]
});
Efekti yeniden etkinleştirmek için bu satırı JS sayfanızdan kaldırmanız yeterlidir. Düğme için içeri/dışarı geçiş efekti varsayılan olarak etkindir.
