Balrog Bot (talk | contribs) (<br> to <ul>) |
m (Rappy renamed.) |
||
| Line 11: | Line 11: | ||
| Author = |
| Author = |
||
* [[w:c:deadspace:User:Noemon|Noemon]] |
* [[w:c:deadspace:User:Noemon|Noemon]] |
||
| − | * [[User:Rappy |
+ | * [[User:Rappy|Rappy]] |
* [[User:Robyn Grayson|Robyn Grayson]] <small>(modern)</small> |
* [[User:Robyn Grayson|Robyn Grayson]] <small>(modern)</small> |
||
* [[User:KockaAdmiralac|KockaAdmiralac]] <small>(merge)</small> |
* [[User:KockaAdmiralac|KockaAdmiralac]] <small>(merge)</small> |
||
Revision as of 10:53, 21 September 2020
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; </ syntaxhighlight>
</syntaxhighlight>
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; </ syntaxhighlight>
</syntaxhighlight>
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"; </ syntaxhighlight>
</syntaxhighlight>
Knap Udseende
For at justere "dybden" skal du nå til knappen for at blive vist / forsvinde tilføje dette:
window.BackToTopStart = nummer; </ syntaxhighlight>
</syntaxhighlight>
Hvor number </ code> 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 {
opacitet: 0,7;
overgang: .5s;
}
#BackToTopBtn div: hover {
opacitet: 1;
}
</ Syntaxhighlight>
</syntaxhighlight>
Ovennævnte CSS-regler vil gøre knappen halvgennemsigtig indtil svinget. Dette virker kun på den moderne variant af knappen.
/ * Tilbage til top-knapformat * /
#backtotopknap {
baggrund: ingen;
baggrundsfarve: gennemsigtig;
farve: hvid;
grænse: ingen;
}
#backtotop-knap: svæver {
tekst-dekoration: understrege;
}
</ Syntaxhighlight>
</syntaxhighlight>
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; </ syntaxhighlight>
</syntaxhighlight>
For at genaktivere effekten skal du blot fjerne denne linje fra din JS-side. Fade ind / ud effekten for knappen er som standard aktiveret.