If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

Joomla 3.x. How to change browser scrolling speed

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