Animated Scroll on Single-page Navigation - No Longer Working?

[jpitocco]

Hi, I just updated all plugins and themes and single-page nav is no longer working?

http://brightboxlab.com

I made sure menu is referencing section by ID, I made sure each section has it’s ID set (i.e. about, products)

I also made sure the page One-Page Navigation is set to “singlePage”

OF NOTE: I tested this in various browsers and devices, and all have the same issue. No animated scroll to the section.

Not sure what else to try??? Any ideas? Thanks for the help!

[ruenel]

Hello @jpitocco,

Thanks for posting in!

I have check your site and it seems that there are several JS errors on the page. This could be the reason why your custom JS for one page navigation no longer works. Please keep in mind that after doing the updates, you always need to remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.
​
​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation.

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Thank you.

[jpitocco]

Thank you for the continued help! Access, provided. Thanks! -John

[ruenel]

Hello John,

Thanks for providing the information. I have logged in and investigated the issue. There is a JS error on the page:

(index):446 Uncaught TypeError: $body.scrollspy is not a function
    at HTMLDocument.<anonymous> ((index):446)
    at i (jquery.js?ver=1.12.4&nocache=1:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4&nocache=1:2)
    at Function.ready (jquery.js?ver=1.12.4&nocache=1:2)
    at HTMLDocument.K (jquery.js?ver=1.12.4&nocache=1:2)

This is coming from a function scrollspy() that does not exist. Where did you get this custom JS code in your site. I would recommend that you ask the original author of this custom JS for more troubleshooting.

If you just copied this JS code from the theme’s JS resources, I would recommend that you remove the custom JS at once so we can test it and let the built in scroll featured for one page navigation work for you.

Hope this helps. Kindly let us know.

[jpitocco]

Thank you for the continued help!

I disabled “scrollspy()” and no longer seeing those errors in the console.

Since I upgraded the theme a few days ago, the jquery touch/click events don’t seem to be working?

Checkout the “back to top” button in lower right corner, it no longer works.

Any ideas here? …it’s driving me nuts. : )

[ruenel]

Hello @jpitocco,

As soon as you click your menu items or the scroll to top icon, there is a JS error:

Uncaught TypeError: n.easing[this.easing] is not a function
    at init.run (jquery.js?ver=1.12.4&nocache=1:4)
    at i (jquery.js?ver=1.12.4&nocache=1:4)
    at Function.n.fx.timer (jquery.js?ver=1.12.4&nocache=1:4)
    at qb (jquery.js?ver=1.12.4&nocache=1:4)
    at HTMLHtmlElement.g (jquery.js?ver=1.12.4&nocache=1:4)
    at Function.dequeue (jquery.js?ver=1.12.4&nocache=1:3)
    at HTMLHtmlElement.<anonymous> (jquery.js?ver=1.12.4&nocache=1:3)
    at Function.each (jquery.js?ver=1.12.4&nocache=1:2)
    at a.fn.init.each (jquery.js?ver=1.12.4&nocache=1:2)
    at a.fn.init.queue (jquery.js?ver=1.12.4&nocache=1:3)
run @ jquery.js?ver=1.12.4&nocache=1:4
i @ jquery.js?ver=1.12.4&nocache=1:4
n.fx.timer @ jquery.js?ver=1.12.4&nocache=1:4
qb @ jquery.js?ver=1.12.4&nocache=1:4
g @ jquery.js?ver=1.12.4&nocache=1:4
dequeue @ jquery.js?ver=1.12.4&nocache=1:3
(anonymous) @ jquery.js?ver=1.12.4&nocache=1:3
each @ jquery.js?ver=1.12.4&nocache=1:2
each @ jquery.js?ver=1.12.4&nocache=1:2
queue @ jquery.js?ver=1.12.4&nocache=1:3
animate @ jquery.js?ver=1.12.4&nocache=1:4
(anonymous) @ (index):486
dispatch @ jquery.js?ver=1.12.4&nocache=1:3
r.handle @ jquery.js?ver=1.12.4&nocache=1:3 

Please reinstall your WordPress Core. The jQuery file may have been corrupted.

[jpitocco]

Fixed. Not sure why, but when I updated theme, plugins, etc., the jquery easing treatment of “easeInOutExpo” no longer worked. I changed it to ‘linear’ in the custom jquery. Animations are back.

[thai]

Glad you’ve sorted it out