Stuttering scroll / jerky scroll for anchor links on pro-theme

[yvescleeren]

Hi,

I have browsed the forum but I couldn’t find a proper answer, the site doesn’t have smooth scroll installed, but it has html { scroll-behavior: smooth; } defined in the CSS.

On a local website this works as expected but once I add it to the Pro-Theme, the scrolls get really jerky, they also start out extremely slow, like a train getting up to speed.

What’s causing this, how I can have the scroll smoothly as expected?

I’ll attach 2 videos expected vs. result

Thanks!

[ruenel]

Hello @yvescleeren,

Thanks for writing in!

Actually, there is a duplicate CSS code block all of which coming from your child theme.

html { 
   scroll-behavior: smooth; 
}

Please switch to the parent theme and test the site again.

[yvescleeren]

I had already removed this for testing with the browser inspector, I have removed it completely now, it doesn’t change anything, same amount of jittering…

[nabeel]

Hi @yvescleeren,

This could happen due to a third party plugin or script conflict, I checked your setup closely and I see couple of JS errors in the browser’s console and this can create issues because the sites are usually dependent on JS heavily now a days.

Upon further checking, I see you’re using quite an old version of the theme, always remember to update your theme and plugins to the latest version as many bugs are addressed in the latest releases.

You can check for the following first and see if this resolves the issue:

1. TESTING FOR PLUGIN CONFLICT
2. THEME UPDATE
3. CHILD THEME
4. CSS/JS CUSTOMIZATION
5. INCREASING PHP MEMORY LIMIT
6. DISABLING CACHE

Let us know how this goes!