In den meisten Templates ist ein Scroll to Top Button bereits enthalten, wie auch im aktuellen Cassiopeia Template. Allerdings lassen sich diese ofmals nicht nach den eigenen Wünschen anpassen. Der im Cassiopeia z.B. ist auch nicht "sticky". Das bedeutet, dass man diesen erst am Ende der Seite sieht. Mit diesem Plugin bekommst Du ein Scroll to Top Button, welche "sticky" ist und kannst Du einige Einstellungen vornehmen.
Folgende Einstellungen sind möglich:
- Auswahl des Icon als:
- Fontawesome Icon
- IonIcon (Font ist integriert)
- eigenes Bild
- vordefinierte Größe (small, medium, large)
- Abstände von rechts und unten (in Pixel, Standard 20)
- vordefinierte Farben (rot, blau, gelb) oder eigene Farbe
- eigene Hintergrundfarbe mit Transparenz (RGBA) oder komplett Transparent (leer)
In der alten Version unter Joomla 3 wurde JQuery verwendet, welches nun durch reines Javascript abgelöst wurde.
Beispiel:
Hier auf dieser Seite habe ich das Plugin im Einsatz mit den folgenden Einstellungen:
- Icon: "ion-chevron-up" (IonIcon)
- Größe: medium
- Abstand von rechts: 20 (Standard)
- Abstand von unten: 20 (Standard)
- Farbe: yellow
- Hintergrund: rgba(200, 200, 0, 0.3)