锚点导航

1. 组件概述

锚点导航是一个高级功能组件，用于在长页面中实现快速定位和分区导航。它由左侧（或顶部）的导航菜单和右侧（或下方）的内容区域组成，点击导航菜单中的某个锚点，页面会自动滚动到对应的内容区域。当页面内容较多、需要分成多个板块展示时，锚点导航可以帮助用户快速找到想要查看的部分，提升浏览效率。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：知识百科页面。在一个介绍某个学科知识的页面中，内容分为”基础概念”、“核心原理”、“应用案例”、“常见问题”等多个板块。使用锚点导航将这些板块组织起来，用户可以通过点击左侧导航快速跳转到感兴趣的部分，无需手动滚动查找。
• 场景二：AI 助手使用指南。为 AI Agent 应用制作一个帮助页面，包含”功能介绍”、“使用步骤”、“注意事项”、“常见问题解答”等内容。通过锚点导航让用户能够快速定位到需要了解的部分，提高帮助文档的可用性。

加载中...

查看 JSON

复制 JSON

3. 功能配置

配置

基本折叠组

配置项	说明
锚点设置	配置导航中的所有锚点项。每个锚点包含一个标题（显示在导航菜单中）和对应的内容区域。可以添加多个锚点，也可以拖拽调整锚点的顺序。点击”添加锚点”可以新增一个锚点项，每个锚点项需要输入标题，标题会显示在导航菜单中供用户点击。

状态折叠组

配置项	说明
可见	控制整个锚点导航组件是否显示。默认可见。
隐藏	控制组件是否隐藏，与”可见”相反。

设计

基本折叠组

配置项	说明
导航布局	设置导航菜单的排列方向。可选”水平”或”垂直”。选择”水平”时，导航菜单显示在内容区域上方，横向排列；选择”垂直”时，导航菜单显示在内容区域左侧，纵向排列。默认为”垂直”布局。