Skip to content

UX: add smooth scroll behaviour #60

Description

@simonives

Solution

Add scroll-behavior: smooth; to the html selector in style.css or style-v2.css.

This applies to all in-page anchor navigation (e.g. any #section links). One CSS declaration; no JavaScript required.

Acceptance criteria

  • In-page anchor links scroll smoothly rather than jumping
  • No regressions on any page
  • Behaviour is consistent across Chrome, Firefox, and Safari

Note

Respect prefers-reduced-motion. Wrap in a media query:

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3 - MediumDo it, but not urgentlyenhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions