BackToTopButton tilføjer en knap til højre på siden (i den moderne version) eller værktøjslinjen (i den gamle version), der tager dig tilbage til toppen af siden, når du trykker på den.
Installation[]
Tilpasning[]
Hvis du vil justere hastigheden på rulle op eller mængden af rulle ned, skal du gøre for knappen, der skal vises, og en masse andre muligheder, tilføj følgende linjer 'før' importerer scriptet (for global .js) eller på dit fællesskabs Wikia.js-side.
Modernisering[]
Knappen har to varianter, en moderne og den gamle. Den gamle vises som standard, men hvis du vil aktivere den moderne opførsel, kan du bruge:
window.BackToTopModern = true;
Pilikon[]
Hvis du vil bruge den gamle variant af knappen, men viser en pil i stedet for en knap, kan du bruge:
window.BackToTopArrow = true;
Knappen Tekst[]
Knappen tekst vises automatisk på brugerens sprog. Men hvis du ønsker at ændre teksten, kan du gøre det med følgende.
window.BackToTopText = "ny tekst";
Scroll speed[]
To adjust scroll speed add this:
window.BackToTopSpeed = number;
Where number is the scroll time, in milliseconds. Higher numbers result in slower scrolling and smaller numbers result in faster scrolling. Default value is 600.
Knap Udseende[]
For at justere "dybden" skal du nå til knappen for at blive vist / forsvinde tilføje dette:
window.BackToTopStart = number;
Hvor number er afstanden ned på siden, i pixels, før knappen vises. Højere tal vil få dig til at rulle ned yderligere, før knappen vises. Standardværdien er 800.
Knapformat[]
Du kan også formatere knappen som du vil med CSS. For eksempel:
/* Tilbage til top-knapformat */
#BackToTopBtn div {
opacity: 0.7;
transition: .5s;
}
#BackToTopBtn div:hover {
opacity: 1;
}
Ovennævnte CSS-regler vil gøre knappen halvgennemsigtig indtil svinget. Dette virker kun på den moderne variant af knappen.
/* Tilbage til top-knapformat */
#backtotop button{
background: none;
background-color: transparent;
color: white;
border: none;
}
#backtotop button:hover {
text-decoration: underline;
}
Ovennævnte CSS-regler vil gøre knappen så som en simpel link. Dette virker kun på den gamle variant af knappen.
Deaktiver knappens fade ind / ud effekt[]
For at deaktivere fade-effekten tilføj dette:
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'
]
});
For at genaktivere effekten skal du blot fjerne denne linje fra din JS-side. Fade ind / ud effekten for knappen er som standard aktiveret.