Prisma saysscroll-behavior:smooth animates jumps to anchors instead of teleporting.
Set scroll-behavior: smooth (on html or a scroll container) and clicking an in-page #anchor link glides there. Pair with scroll-margin-top on targets so a sticky header doesn't cover them. Respect prefers-reduced-motion by disabling it for those users.
Power-ups you unlock
scroll-behavior:smooth animates anchor jumps
scroll-margin-top offsets for sticky headers
Set on html or any scroll container
Disable under prefers-reduced-motion
Jank the Janitor attacks — common mistakes
Sticky header hiding the target (use scroll-margin)
Forcing smooth scroll for motion-averse users
Expecting it on programmatic scroll without {behavior}
Boss battleEnable smooth scrolling and add scroll-margin-top so a sticky header never covers the target.