Categories

Featured templates

WordPress Troubleshooter. How to fix the issue with smoothscrolling in Chrome

Rating: 5.0/5. From 3 votes.
Please wait...

The actual source of that problem is the smooth scrolling feature, which is enabled by default, it is reducing scrolling responsiveness significantly. In order to get it work again, you need to disable Smooth Scrolling function. The general problem is that smooth-scroll script is no longer supported by newer versions of browsers. The solution depends on the version of the template you use:

Variant 1. CherryFramework 3 templates with the usual Cherry Slider and Cherry Parallax plugin.

Solution: Navigate to wp-content/plugins and wp-content/themes/themeXXX/includes/plugins folders on your server and replace the current cherry-parallax plugin with the newest version, which you can download here.

Variant 2. CherryFramework 3 templates with Parallax Slider and Cherry Parallax plugin.

Solution: 

  1. You need to replace the files of cherry-parallax plugin in the wp-content/plugins directory on the server (via FTP or using the FileManager).

  2. Go to wp-content/themes/themeXXXX/parallax-slider/js/ folder and replace the existing jquery.simplr.smoothscroll.min file with this one: click here to download

Variant 3. CherryFramework 3 templates with Parallax Slider and without Cherry Parallax Plugin

Solution:

  1. Navigate to wp-content/themes/themeXXXX/parallax-slider/js folder and upload the following file replacing the old one: jquery.simplr.smoothscroll.min

  2. Then you need to open the wp-content/themes/themeXXXX/parallax-slider/parallaxSlider.php file and locate the following code:

    if(!device.mobile() && !device.tablet()){
    liteModeSwitcher = false;
  3. And add the following part of code after then, similar to the screenshot below:

    $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
    if(!device.mobile() && !device.tablet() && !($.browser.chrome)){
    $.srSmoothscroll({
    step:150,
    speed:800
    });
    }
    

Do not forget to clear the cache in order to see the changes.

Now you can enjoy the smooth scrolling again! Feel free to read more about Smooth scrolling feature here: https://css-tricks.com/snippets/jquery/smooth-scrolling/

This entry was posted in WordPress Tutorials and tagged Chrome, google chrome, scroll, scrolling, smoothscroll, smoothscrolling. 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