- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
Joomla 3.x. How to change browser scrolling speed
June 13, 2016
This tutorial describes a set of actions required to adjust the scroll speed on Joomla 3x. based templates.
To configure the scroll speed it would be necessary to add a custom jQuery code to the scripts.js file.
Log into the Joomla administrator’s section;
Navigate to Extensions manager;
In the drop-down, select Templates;
On the left side pick the Templates tab and scroll down to find the themeXXXX. Note, that XXXX is the actual number of the active theme.
A list of the theme files should now appear. It would be necessary for us to locate the js folder where we can find the following file: scripts.js;
At the very bottom of the file, before the closing brackets, add the following jQuery function:
$(function(){ $.srSmoothscroll({ step: 55, speed: 600, ease: 'swing', target: $('body'), container: $(window) }) })
Here we have a speed value, which is indicated in milliseconds;
To change the scrolling speed, it is necessary to modify the default speed: 600 value which is equal to 0.6 seconds at one count of the mouse wheel rotation;
Thus, to make the scroll slower, we would need to increase the value, to make it faster, reduce, accordingly;
If the value is increased by 10 seconds, for instance, which is equal 10000 milliseconds, this would mean the scroll would last for 10 seconds at one count of mouse wheel rotation around its axis
Once the snippet is added and the speed value is set, click on the Save button and proceed checking the scrolling speed.
Feel free to check the detailed video tutorial below:
Joomla 3.x. How to change browser scrolling speed