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 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

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.

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 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

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.

Great Plugin

Posted on 09 February 2020
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.
This plugin is very easy to use, no support and no documentation needed.
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
This tool is simple and works well. That´s all I was looking for.
Ease of use
Very simple
Great, quick response
I used this to: my Joomla 3.6.5 site
itcs google place recension stars

itcs google place recension stars

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 Open Hours

itcs Open Hours

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. 2 Language Files (EN, DE) Respons...
Itcs Simple Reservation Calendar

Itcs Simple Reservation Calendar

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. 3 Language Files (EN, DE, FR) Responsive based on the bootstrap datepicker 3 different colours for different reservations c...
itcs TeamCards

itcs TeamCards

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

itcs Matomo

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. 2 Language Files (EN, DE) Integr...

itcs Scroll to Top Button

Last updated:
Jan 25 2019
2 years ago
Date added:
Mar 29 2017
GPLv2 or later
Free download
J3 J4

Uses Joomla! Update System


Write a review