mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-02 15:59:38 +08:00
1.7 KiB
1.7 KiB
category | type | cols | title | cover |
---|---|---|---|---|
Components | Other | 2 | Anchor | https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg |
Hyperlinks to scroll on one page.
When To Use
For displaying anchor hyperlinks on page and jumping between them.
API
Anchor Props
Property | Description | Type | Default | Version |
---|---|---|---|---|
affix | Fixed mode of Anchor | boolean | true | |
bounds | Bounding distance of anchor area | number | 5 | |
getContainer | Scrolling container | () => HTMLElement | () => window | |
offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - | |
offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 | |
showInkInFixed | Whether show ink-balls in Fixed mode | boolean | false | |
onClick | Set the handler to handle click event |
function(e: Event, link: Object) | - | |
getCurrentAnchor | Customize the anchor highlight | () => string | - | |
targetOffset | Anchor scroll offset, default as offsetTop , example |
number | - | |
onChange | Listening for anchor link change | (currentActiveLink: string) => void |
Link Props
Property | Description | Type | Default | Version |
---|---|---|---|---|
href | The target of hyperlink | string | ||
title | The content of hyperlink | string | ReactNode | ||
target | Specifies where to display the linked URL | string |