Anchor
You might say
This page is long. Add a small table of contents on the right that jumps to each section.
Jump to a named section on the same long pageAnchor navigation helps people scan and jump within documentation, policies, and other long pages. Keep section labels aligned with headings and update the active item as the page scrolls. It does not replace navigation between separate pages.
When to use it
- Documentation table of contentsBackgroundApproachRisksConclusion
- Long policy or reportScroll to “Quick start” and the table of contents highlights it automaticallyInstallQuick startAPIFAQ
- Single-page product siteFeaturesPricingFAQClick to smoothly scroll to the matching section
- A page with several clearly named sectionsProduct featuresPricingCustomer reviewsFAQ
When NOT to use it
- Use anchors for content on different pages
- List headings that do not existHomePricing pageSign-in pageThese are other pages, so use links
- Cover the target heading with a sticky headerSection 1Section 2Section 3Vague section labels don’t tell people what they lead to
- Add anchor navigation to a page too short to need it1.11.21.32.12.22.33.13.2The table of contents is longer than the page itself
Anatomy
1. Background
2. Plan
3. Conclusion
A vertical rail beside the page that holds the section links.
Each link corresponds to a page section; click to scroll there
Highlight the section currently in view as the reader scrolls
Variants
Basic
InstallationGet started quicklyFAQ
When a long page needs a persistent table of contents
In Page
Get started quickly
InstallationGet started quickly
When the highlighted section should follow the current reading position
Typical use cases
Documentation
Recover your account
Account and Security · Updated June 18, 2026
2. Recover with your phone number
1. Recover by email
2. Recover by phone
3. Contact support
4. Common questions
Terms and policies
PRICING
Simple and transparent pricing
Free version
¥0
Pro
¥29/month
Product Features
Pricing plans
Customer testimonials
FAQ
Long report
POST
/v1/chat/completionsRequest parameters
{ "model": "muse-1",
"stream": true }
"stream": true }
Authentication method
Request parameters
Return to example
Error code
Single-page site
"Summer Creation Season" event rules
2. Participation methods
1. Activity time
2. Participation methods
3. Prize setting
4. Things to note
Further reading
