{"id":83216,"date":"2017-10-30T04:10:15","date_gmt":"2017-10-30T08:10:15","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=83216"},"modified":"2018-12-28T06:00:39","modified_gmt":"2018-12-28T11:00:39","slug":"wordpress-troubleshooter-fix-issue-smoothscrolling-chrome","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-troubleshooter-fix-issue-smoothscrolling-chrome.html","title":{"rendered":"WordPress Troubleshooter. How to fix the issue with smoothscrolling in Chrome"},"content":{"rendered":"

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:<\/p>\r\n\r\n

Variant 1. CherryFramework 3 templates with the usual Cherry Slider and Cherry Parallax plugin.<\/h3>\r\n\r\n

Solution: Navigate to wp-content\/plugins <\/strong>and wp-content\/themes\/themeXXX\/includes\/plugins<\/span><\/strong> folders on your server and replace the current cherry-parallax<\/strong> plugin with the newest version, which you can download here<\/a>.<\/p>\r\n\r\n

Variant 2. CherryFramework 3 templates with Parallax Slider and Cherry Parallax plugin.<\/h3>\r\n

Solution: <\/p>\r\n\r\n

    \r\n

  1. You need to replace the files of cherry-parallax<\/a> plugin in the wp-content\/plugins<\/strong> directory on the server (via FTP or using the FileManager).<\/p><\/li>\r\n

  2. Go to wp-content\/themes\/themeXXXX\/parallax-slider\/js\/<\/strong> folder and replace the existing jquery.simplr.smoothscroll.min<\/strong> file with this one: click here to download<\/a>\r\n<\/p>\r\n\r\n\"\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n\r\n

    Variant 3. CherryFramework 3 templates with Parallax Slider and without<\/span><\/em> Cherry Parallax Plugin<\/h3>\r\n

    Solution:<\/p>\r\n\r\n

      \r\n

    1. Navigate to wp-content\/themes\/themeXXXX\/parallax-slider\/js<\/strong> folder and upload the following file replacing the old one: jquery.simplr.smoothscroll.min<\/a><\/p><\/li>\r\n

    2. Then you need to open the wp-content\/themes\/themeXXXX\/parallax-slider\/parallaxSlider.php<\/strong> file and locate the following code:<\/p>\r\n\t\r\n

      if(!device.mobile() && !device.tablet()){\r\nliteModeSwitcher = false;<\/pre>\r\n\r\n\r\n
    3. And add the following part of code after then, similar to the screenshot below:<\/p>\r\n
      \r\n$.browser.chrome = \/chrome\/.test(navigator.userAgent.toLowerCase());\r\nif(!device.mobile() && !device.tablet() && !($.browser.chrome)){\r\n$.srSmoothscroll({\r\nstep:150,\r\nspeed:800\r\n});\r\n}\r\n<\/pre>\r\n\"\"<\/a>\r\n\r\n<\/li>\r\n<\/ol>\r\n\r\n
      Do not forget to clear the cache in order to see the changes.<\/p>\r\n
      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\/<\/a><\/p>","protected":false},"excerpt":{"rendered":"
      This guide will show you how to correct the issue with smoothscrolling in Chrome<\/p>\n","protected":false},"author":124,"featured_media":83227,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[2103,2489,528,2010,2052,2601],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/83216"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=83216"}],"version-history":[{"count":10,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/83216\/revisions"}],"predecessor-version":[{"id":85275,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/83216\/revisions\/85275"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/83227"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=83216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=83216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=83216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}