itcs Scroll to Top Button

A small simple but chic plugin for a "scroll to top", with a smooth scroll effect and a hover effect, consisting of CSS3.

The hover animations come without javascript, since the effects are made of CSS3. The style of the button and the CSS script is a free resource from jomla51.com. I have modified it for a scroll to top button and added more functions.

? Choose between ion-icon, fa-icon or image instead of icon
? Choose the color of the button (Hover Color)
? Set the size of the button (small, medium, large)
? Set distance from right and down
? Set background color with transparency (RGBA)

The smooth-scroll and scroll to top is a little jquery script. The the demo on my sites.

? included ion-icon from the ionicframework
? included fa-icon from the font awesome framework

The best result when using an image is selecting a transparent and square image.

Version 1.5.0 is the Pre-Version for migration to Joomla 4
Version 2.0.0 is only for Joomla 4

New in Version 2.0.0
removed the fontawesome font-files, because the files is in Joomla core
Demo für Joomla 4 under https://j4.it-conserv.de/

Ein kleines, aber feines Plugin für ein "Scroll to Top" Button, mit einem mit weichen Scroll-Effekt (Smooth scroll) und einem Hover-Effekt, bestehend aus CSS3.

Die Hover-Animationen kommt ohne Javascript aus, da die Effekte komplett aus CSS3 bestehen. Der Stil der Schaltfläche und das CSS-Skript ist eine kostenlose Ressource von jomla51.com. Ich habe es für einen Scroll-to-Top-Button geändert und weitere Funktionen hinzugefügt.

? Wähle zwischen Ion Icon, fa Icon oder einem Bild statt Icon
? Wähle die Farbe der Schaltfläche (Hover Color)
? Lege die Größe der Schaltfläche fest (klein, mittel, groß)
? Abstand von rechts und unten einstellen
? Hintergrundfarbe mit Transparenz festlegen (RGBA)

Der Smooth-Scroll und Scroll to Top ist ein kleines jquery-Skript. Ein Demo gibt es auf meinen Seiten.

? inklusive ion-icon vom ionicframework
? inklusive fa-icon vom font awesome framework

Das beste Ergebnis bei der Verwendung mit einem Bild ist die Auswahl eines transparenten und quadratischen Bild.

Version 1.5.0 ist die Pre-Version zur Migration nach Joomla 4
Version 2.0.0 ist für Joomla 4

New in Version 2.0.0
Die fontawesome Schriftartendateien wurden entfernt, da die Dateien im Joomla-Kern liegen

Demo für Joomla 4 under https://j4.it-conserv.de/

Extension Info :

"Scroll to Top" Button with Smooth-Scroll and Hover Effekt

Extension Data :

  • Latest Version4.0.1
  • Developerit-conserv.de
  • Last Updated20260303
  • Date Published20170329
  • TypeFree download
  • Compatibility :
  • Joomla 3.xYes
  • Joomla 4.xYes
  • Joomla 5.xYes
  • Joomla 6.xYes

Find Similar Extensions