Scroll your page nicely

Scroll you page where you want, and when you go down you can activate the Go To Top button to come back to the top nicely.





  • Scroll to any element in the page (using its ID)
  • Works on any link, even in any menu
  • Easy to use, just add a css class to the link
  • Option to activate the Go To Top button

How to use it

Using a menu link

Edit a menu item in your menu manager. Go in the "Link Type" options to add the css class "scrollTo" to the link. This will tell the plugin to use this link to scroll in the page.

menulink addclass 1 en

Then you must set the target element where the page must scroll to. For example if you have a HTML block in your page that has the ID "maincontent", you can write "#maincontent" in the link option to scroll to this element. You must also use a menu item type "External url".

menulink settarget 1 en

It is easy to know the ID of an element if you are creating your template with Template Creator CK. The ID is written in the black box when you mouseover any element in the page. For example with the maincontent (extract from the Template Creator CK interface) :

menulink settarget 2 en

If you don't use Template Creator CK, you can inspect your page using Firebug to find the HTML ID of your block.


Using another link

You can also use the same technique but on any link in your page. Just assign it the CSS class "scrollTo" and set the href property to point to the ID element to scroll to.

Example of html code for a link :

<a class="scrollTo" href="#maincontent">Click me to scroll</a>


Download the plugin Scroll To CK


Release notes (click to show) :

VERSION 1.1.12 - 20/07/21
  • Fix JS issue with Joomla 4
VERSION 1.1.11 - 08/04/21
  • Improve the positioning on page with a timer
VERSION 1.1.10 - 10/02/21
  • Fix issue with scrolling freezed on page load
  • Remove hashtag on page load
VERSION 1.1.9 - 08/02/21
  • Fix issue with the image url
VERSION 1.1.8 - 02/02/21
  • Improve the scrolling feature on page load (no need to have the link in the page)
VERSION 1.1.7 - 05/08/20
  • Add compatibility with Joomla 4
VERSION 1.1.6 - 29/05/20
  • Update the script to make it callable by external ressources. Compatibility with Mobile Menu CK
VERSION 1.1.5 - 09/11/19
  • Fix issue with mobile offset and active menu item
  • Fix issue with admin options
VERSION 1.1.4 - 02/11/19
  • Add mobile resolution option
  • Add mobile offset option
  • Add keep hash tag option
VERSION 1.1.3 - 17/12/18
  • Fix JS errors is the .scrollTo css class is not applied to a link
VERSION 1.1.2 - 10/12/18
  • Add option to hide the Go To Top button on mobile with a custom resolution value
  • Add data-speed and data-offset attribute options on each link to set custom settings per link
VERSION 1.1.1 - 21/11/18
  • Add z-index to avoid the button to be hidden
VERSION 1.1.0 - 06/11/18
  • Add option to show/hide the text in the go to top link
  • Add multiple options to style the go to top link
VERSION 1.0.9 - 30/11/17
  • Disable in popups
VERSION 1.0.8 - 30/05/17
  • Fix issue to close mobile menu when using submenus
VERSION 1.0.7 - 07/12/16
  • Add compatibility with PHP7
VERSION 1.0.6 - 23/08/16
  • Fix issue with a js error
VERSION 1.0.5 - 02/07/15
  • Fix issue with the animation on a simple anchor



Fast and powerful creation, customizable and responsive.

Read More

Favorites extensions

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Cookies user prefences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics