✏️ AI 术语图鉴

锚点跳转 · Anchor Link

英文:Anchor Link

导航与切换难度:入门 ★

🗣️一句话大白话

点击导航后移动到当前页面中的指定区块,而不是打开新页面。点击导航后不打开新页面,而是移动到当前页面中的指定区块。

🖼️样图参考

示例 · 锚点跳转
示例 · 锚点跳转

🎬真实场景

单页网站、长文章、Landing Page、文档目录、页面内目录

📮你可以这样说

「为 Punk 的单页网站添加 Anchor Links,About、Work、Writing、Contact 分别链接到对应 section id; 点击后平滑滚动,到达区块时预留 Sticky Header 高度, 并让当前所在区块对应的导航项显示 active 状态。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:锚点就是加个 href。实际要处理滚动偏移(避开固定导航)和当前区块高亮

🚫什么时候别用

  • ✗多页网站跨页跳转(用真实路由)

🧩常见变体

页内锚点导航目录式锚点

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
单页网站
Single-page Website
固定导航
Sticky Navbar
标签切换
Tabs
锚点跳转
Anchor Link

🔗相关术语