Drucken
Zugriffe: 3640

Bewertung: 3 / 5

Stern aktivStern aktivStern aktivStern inaktivStern inaktiv
 

 

 

scroll2top blueHier habe ich ein kleines Plugin erstellt, welches einen Scroll to Top Button einblendet.

Die Scroll Funktion hat einen Smooth scroll Effekt, sowie eine zusätzliche Animation, welche aus CSS3 besteht. Das CSS3 Animationen ist eine freie Ressource von jomla51.com und wurde für den Scroll to Top Button modifiziert.

 

Angabe der allgemeinen Daten

Im Backend können die Farbe, Größe und Icon festgelegt werden. Das Icon ist ein IONIC-ICON vom ionic-framework. Unter https://ionicframework.com/docs/v2/ionicons/ könnt Ihr Euch ein passendes Icon aussuchen und den Namen des Icon in das entsprechende Feld eintragen. Es gibt 3 verschiedene Größen (small, medium, large) zur Auswahl. Hier im Demo-Betrieb ist die Standard-Größe "medium" eingestellt. Bei den Farben kann ausgewählt werden zwischen "rot", "blau" und "gelb".

scroll2top.png scroll2top_blue.jpg scroll2top_red.jpg

scroll2top_yellow.jpg

Das Plugin in Aktion

Schaut einfach auf dieser Seite unten rechts, wenn Ihr nach unten scrollt.