Archived topic
Smooth scroll not working
14 replies · Started by George on January 12, 2019
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?
Hi there,
the element you want to jump to requires a ID = href e.g
<p id="home">Scroll here</p>
I tried it, it's not working, David. Jumps straight to the id with no smooth scroll.
Can you share a link to the Site?
It's a local install, does it work for you? It's vanilla WordPress install.
Ok figured it out. It seems like it doesn't work in Firefox. Must be a bug.
Hey George,
Just gave this a shot in Firefox - all worked fine.
Are there any console errors on your site? (right click + inspect)
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?
Hmm, never heard of that before.
Any chance you can throw the site up onto a live server so I can debug a bit?
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.
Here's what I'm seeing in Firefox 64: https://www.screencast.com/t/hNWoVIkwJyB
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).
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.
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?
I've tried on Windows 10 (desktop) and on my Macbook.
