Smooth Scroll Not Working

Hello,

I just checked your page. Your “POS OVERVIEW” link URL is not correct and gives a js console error. It seems the “POS OVERVIEW” link has a full shortcode in its URL. Can you fix this?

hey, can you check again? I was troubleshooting on my own and just updated that. Or can you try another link?

Hey Malihu,

I just updated that link back to what it was originally.

Many thanks!

Hey @malihu could you take a second look – now that link has been updated.

OK good.

You have an error in “Selector(s)” option value (probably a mistype).

Go to plugin settings and simply change “Selector(s)” option to the default value:

a[href*='#']:not([href='#'])

Save changes, test and let me know

Hey @malihu thanks for the response. I updated the Selector(s) and now the links don’t work at all (why I changed it in the first place). Please take a look if you can and see what else is going on!

Many thanks,

No problem ??

Do you have other plugins that handle smooth scrolling? Can you deactivate them?

Hey @malihu I had on installed but not active. I went ahead and deleted any ways — should be good to go.

Thanks

OK.

It seems that your theme has a few CSS properties that prevent “Page scroll to id” from working. It basically removes the root element scrollbar and applies an inner scrollbar to another wrapper div.
I have no idea why it does this but adding the following CSS to your theme should fix the issue:

html, body {
    height: auto !important;
    overflow-y: visible !important;
}

Let me know if it works

Hey @malihu

thanks so much!! It’s now working. Its a bit choppy when scrolling, could you test it out for me and see if you see that on your end? Could just be my interest.

Thanks again!

You’re welcome ??

Scrolling performance is usually the result of a combination of things (highlighted elements, themes layout, specific CSS rules and properties, other scripts etc.).

Since you don’t really need to highlight your button links, I’d suggest disabling plugin’s highlight feature as it might help.

Go to plugin settings and set the “Highlight selector(s)” option to:

.nothing

Save changes and test your page.

Thanks again @malihu – do you have any other suggestions to make the scrolling less jumpy? I’m still seeing it jump a bit instead of scroll smoothly after clearing cache and everything.

Many thanks,

I just checked your page and scrolling is much smoother now for me (can’t see any jumping on Chrome, Firefox and Vivaldi browsers).
I have no other suggestions on performance as far as the plugin goes.