Add smooth scrolling to WordPress anchor links
Links to a spot on the same page glide there instead of jumping, and stop a set distance below the top so a sticky header never covers the heading.
Type
A Grinner site setting
Find it
Grinner Blocks settings, Smooth scroll
Phones
Glides the same, with one offset for every screen
Speed
A site-wide switch, off until you turn it on
Jump around this page.
This is the real Smooth scroll setting, running on this page.
On this page
Settings Enable smooth scroll on Scroll offset (px) 40
The settings worth knowing.
One switch and one number for the whole site.
Then scroll back up
Enable smooth scroll
Glide, don’t jump
In-page links glide to their target. Off by default.
40px below the top
Scroll offset (px)
Stop below the header
From 0 to 500px. Set it to your pinned header’s height.
Scroll offset (px) 40
Top offset (px) 40
Same number, same line
Top offset (px)
Match your sticky column
A sticky column’s top offset can clear the header in the same way.
Three steps. No new tool.
Fair questions.
Make your next site beautiful.
GrinBot designs and builds it for you. Join the waitlist for the launch price.
- Studio-quality design
- Built for speed
- Pay once, no subscription
We’ll email you about the launch. Unsubscribe any time. Privacy policy
