mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-01 19:49:59 +08:00
882cec62d6
* docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
1.6 KiB
1.6 KiB
| category | subtitle | cols | type | title | cover |
|---|---|---|---|---|---|
| Components | 锚点 | 2 | 其他 | Anchor | https://gw.alipayobjects.com/zos/alicdn/ep_L42LFy/Anchor.svg |
用于跳转到页面指定位置。
何时使用
需要展现当前页面上可供跳转的锚点链接，以及快速在锚点之间跳转。
API
Anchor Props
| 成员 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| affix | 固定模式 | boolean | true | |
| bounds | 锚点区域边界 | number | 5(px) | |
| getContainer | 指定滚动的容器 | () => HTMLElement | () => window | |
| offsetBottom | 距离窗口底部达到指定偏移量后触发 | number | ||
| offsetTop | 距离窗口顶部达到指定偏移量后触发 | number | ||
| showInkInFixed | 固定模式是否显示小圆点 | boolean | false | |
| onClick | click 事件的 handler |
Function(e: Event, link: Object) | - | |
| getCurrentAnchor | 自定义高亮的锚点 | () => string | - | |
| targetOffset | 锚点滚动偏移量，默认与 offsetTop 相同，例子 | number | offsetTop |
|
| onChange | 监听锚点链接改变 | (currentActiveLink: string) => void |
Link Props
| 成员 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| href | 锚点链接 | string | ||
| title | 文字内容 | string|ReactNode | ||
| target | 该属性指定在何处显示链接的资源。 | string |