[Support request] Smooth scroll not working

[George]

It’s a vanilla WordPress installation because it was driving me mad! I have activated smooth scroll from the Customizer. Only GP and GP Premium installed. I have a link on a header element (but the same link does not work even on a normal post)
<a class="smooth-scroll" href="#home">LINK</a>

Then on the same page at the bottom, I have
<p><a name="home">scroll here</a></p>

It scrolls but not smoothly. I have even deactivated GP Premium, still no go. Menu items scroll not working either. I tried it with Gutenberg activated and deactivated. What am I missing here?

[David]

Hi there,

the element you want to jump to requires a ID = href e.g

<p id="home">Scroll here</p>

[George]

I tried it, it’s not working, David. Jumps straight to the id with no smooth scroll.

[David]

Can you share a link to the Site?

[George]

It’s a local install, does it work for you? It’s vanilla WordPress install.

[George]

Ok figured it out. It seems like it doesn’t work in Firefox. Must be a bug.

[Tom]

Hey George,

Just gave this a shot in Firefox – all worked fine.

Are there any console errors on your site? (right click + inspect)

[George]

Hey Tom, it’s very strange, I even deactivated all Firefox addons. Funny thing is that it happens in two browsers, one here at home and one from worked (which I VPNed into). No errors in the first instance but one I see now here in the browser at home.

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!

You think it could be it?

[Tom]

Hmm, never heard of that before.

Any chance you can throw the site up onto a live server so I can debug a bit?

[George]

No problem Tom, just have a look at this page on my personal website:
http://www.gmitropapas.com/test/

Clicking on the blue text LINK in Chrome scrolls smoothly to the bottom “Scroll to here” text. In Firefox, it’s not happening, at least on my end.

[Tom]

Here’s what I’m seeing in Firefox 64: https://www.screencast.com/t/hNWoVIkwJyB

[George]

No idea why this is happening. Anyway, I found a script in the forum that does the smooth scroll instead of the built-in one (I can also conditionally apply it to whenever I want). Tom, what version of Firefox are you on? Mine is 64.0.2 (64-bit).

[Tom]

Yep, tested on 64.0.2 and all is working fine for me still. Super strange. I’ll keep an eye out for similar issues.

[George]

Twilight Zone completely. It works fine on my new laptop on windows 10 with the same addons since I have done a sync just now. Not working on my work desktop on Windows 10 and on my old laptop on Win 7. Go figure. Are you testing on desktop/laptop/Mac, etc?

[Tom]

I’ve tried on Windows 10 (desktop) and on my Macbook.

[Author]

Posts