ant-design/components/anchor/index.zh-CN.md

39 lines
1.5 KiB
Markdown
Raw Normal View History

2016-10-28 14:02:55 +08:00
---
category: Components
subtitle: 锚点
2016-11-18 17:02:57 +08:00
cols: 2
type: 其他
2016-10-28 14:02:55 +08:00
title: Anchor
cover: https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg
2016-10-28 14:02:55 +08:00
---
2016-11-09 14:22:38 +08:00
用于跳转到页面指定位置。
2016-10-28 14:02:55 +08:00
## 何时使用
2016-11-03 16:45:13 +08:00
需要展现当前页面上可供跳转的锚点链接,以及快速在锚点之间跳转。
2016-10-28 14:02:55 +08:00
## API
2016-11-03 16:45:13 +08:00
### Anchor Props
| 成员 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| affix | 固定模式 | boolean | true | |
| bounds | 锚点区域边界 | number | 5 | |
2019-11-21 19:58:41 +08:00
| getContainer | 指定滚动的容器 | () => HTMLElement | () => window | |
| getCurrentAnchor | 自定义高亮的锚点 | () => string | - | |
| offsetTop | 距离窗口顶部达到指定偏移量后触发 | number | | |
| showInkInFixed | `affix={false}` 时是否显示小圆点 | boolean | false | |
| targetOffset | 锚点滚动偏移量,默认与 offsetTop 相同,[例子](#components-anchor-demo-targetOffset) | number | - | |
| onChange | 监听锚点链接改变 | (currentActiveLink: string) => void | - | |
| onClick | `click` 事件的 handler | function(e: Event, link: Object) | - | |
2016-11-07 11:04:36 +08:00
### Link Props
2016-10-28 14:02:55 +08:00
2020-12-24 12:02:57 +08:00
| 成员 | 说明 | 类型 | 默认值 | 版本 |
| ------ | -------------------------------- | --------- | ------ | ---- |
| href | 锚点链接 | string | - | |
| target | 该属性指定在何处显示链接的资源。 | string | - | |
| title | 文字内容 | ReactNode | - | |