锚点跳转 · Anchor Link
英文:Anchor Link
导航与切换难度:入门 ★
🗣️一句话大白话
点击导航后移动到当前页面中的指定区块,而不是打开新页面。点击导航后不打开新页面,而是移动到当前页面中的指定区块。
🖼️样图参考

🎬真实场景
单页网站、长文章、Landing Page、文档目录、页面内目录
📮你可以这样说
「为 Punk 的单页网站添加 Anchor Links,About、Work、Writing、Contact 分别链接到对应 section id; 点击后平滑滚动,到达区块时预留 Sticky Header 高度, 并让当前所在区块对应的导航项显示 active 状态。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:锚点就是加个 href。实际要处理滚动偏移(避开固定导航)和当前区块高亮
🚫什么时候别用
- ✗多页网站跨页跳转(用真实路由)
🧩常见变体
页内锚点导航目录式锚点
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系