Categories

Featured templates

Joomla 3.x. How to change browser scrolling speed

Roger Cunningham June 13, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

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.

  1. Log into the Joomla administrator’s section;

  2. Navigate to Extensions manager;

  3. In the drop-down, select Templates;

    joomla3.x._how _to _change _browser_ scroll_speed
  4. 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.

    joomla3.x._how _to _change _browser_ scroll_speed1
  5. 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;

    joomla3.x._how _to _change _browser_ scroll_speed2
  6. 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)
      })
    })
    joomla3.x._how _to _change _browser_ scroll_speed3
  7. 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

  8. 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
Joomla Responsive templates
This entry was posted in Joomla! Tutorials and tagged joomla, scrolling, speed. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket