ant-design/components/anchor/index.en-US.md
偏右 882cec62d6
docs: 🌈 Add Components overview page (#24491)
* 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>
2020-05-31 11:48:34 +08:00

1.7 KiB

category type cols title cover
Components Other 2 Anchor https://gw.alipayobjects.com/zos/alicdn/ep_L42LFy/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(px)
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 offsetTop
onChange Listening for anchor link change (currentActiveLink: string) => void
Property Description Type Default Version
href target of hyperlink string
title content of hyperlink string|ReactNode
target Specifies where to display the linked URL string