Introduction

Site Performance, jQuery scripts, Style & Design, Structure & Navigation, Site Navigation

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


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/

Great Plugin



Posted on 09 February 2020
Functionality
Works perfect, does its job nicely. Nicest scroll to top Icon I've ever seen.
Ease of use
Very easy. Just install and publish it. Just little configuration needed.
Support
This plugin is very easy to use, no support and no documentation needed.
Documentation
This plugin is very easy to use, no support and no documentation needed.
I used this to: I Use this scroll to top plugin for a website that has many lomg one pages.

Works well!



Posted on 09 April 2017
Functionality
This tool is simple and works well. That´s all I was looking for.
Ease of use
Very simple
Support
Great, quick response
I used this to: my Joomla 3.6.5 site
itcs Open Hours
Free

itcs Open Hours

By it-conserv.de
Opening Hours
Present your open times With this module you can easily display the opening times on the website. In addition, the entered opening times are evaluated based on the current system time (server time) and indicates whether the store has opened or closed. The current day is highlighted with green = open and red = closed. A text is output under the opening times. 3 Language Files (EN, DE, FR) Res...
itcs google place recension stars
Free

itcs google place recension stars

By it-conserv.de
Social Display
Show your google place recension stars This is a simple module to show your google place stars. The Modul has simple hover animations with or without CSS3 tooltip for the button. Your visitors can leave a new review by clicking on the button. ★ Choose the backgrond (dark or bright) ★ language in german or english ★ CSS3 hover effect with or without tooltip ★ included ion-icon from the i...
Itcs Simple Reservation Calendar
Free

Itcs Simple Reservation Calendar

By it-conserv.de
Booking & Reservations
simple reservation calendar Create a simple and easy-to-use reservation calendar with this module. It is particularly suitable for all those who are looking for a small, simple reservation calendar, e.g. for reservations of a clubhouse, rooms, rooms, vehicles or similar. 6 Language Files (EN, DE, FR, FI, IT, ES) Responsive based on the bootstrap datepicker 3 different colours for different re...
itcs TeamCards
Free

itcs TeamCards

By it-conserv.de
Thematic Directory
Show on with this module your team. Choose the colors and style in the back end and create up to 20 team cards in one module. The links can be individually adjusted per card, as well as the orientation of the image. The module and the animations come without javascript, since the effects are made of CSS3. 2 Language Files (EN, DE) Up to 20 Teamcards Responsive presentation CSS3 animation wit...
itcs Matomo
Free

itcs Matomo

By it-conserv.de
Analytics
Plugin for Matomo (formerly Piwik) This Plugin includet the tracking code and the opt-out iframe code from your matomo analytics. Insert here the tracking code, which should come into the Head area. In addition, insert the iframe Custom Opt-Out code to be included in the privacy statement. Simply enter the short code {matomo_opt_out} in the privacy statement. Language Files (EN, DE, FR) Inte...
itcs Profile2Mail
Paid download

itcs Profile2Mail

By it-conserv.de
User Management
This plugin automatically sends an email when a user saves a change to their profile. The content of the email contains a tabular comparison of the old and new data. Standard fields are "name", "username" and "e-mail". In addition, the fields of the "Joomla Profile Plugin" and custom fields (created at User) can be added. Changed data are marked in colour in the table, so that you get a quick ove...
Itcs Simple Reservation Calendar Pro
Paid download

Itcs Simple Reservation Calendar Pro

By it-conserv.de
Booking & Reservations
Create a simple and easy-to-use reservation calendar with this module. It is particularly suitable for all those who are looking for a small, simple reservation calendar, e.g. for reservations of a clubhouse, rooms, rooms, vehicles or similar. 5 Language Files (EN, DE, FR, FI, IT) Responsive based on the bootstrap datepicker (depracted) New Calendar based on Vanilla-Calendar and supports dark mo...
itcs Open Hours Pro
Paid download

itcs Open Hours Pro

By it-conserv.de
Opening Hours
Present your open times With this module you can easily display the opening times on the website. In addition, the entered opening times are evaluated based on the current system time (server time) and indicates whether the store has opened or closed. The current day is highlighted with green = open and red = closed. A text is output under the opening times. 4 Language Files (EN, DE, FR, IT)...

itcs Scroll to Top Button

Version:
4.0.0
Developer:
it-conserv.de
Last updated:
Dec 02 2023
1 year ago
Date added:
Mar 29 2017
License:
GPLv2 or later
Type:
Free download
Includes:
p
Compatibility:
J3 J4 J5
Download

Uses Joomla! Update System

Score:


Write a review