Introduction
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/
itcs Scroll to Top Button
- Version:
- 4.0.0
- Developer:
- it-conserv.de
- Last updated:
-
Dec 02 2023
11 months ago - Date added:
- Mar 29 2017
- License:
- GPLv2 or later
- Type:
- Free download
- Includes:
- p
- Compatibility:
- J3 J4 J5
Share