Anchor

Hyperlinks to scroll on one page.

When To Use#

For displaying anchor hyperlinks on page and jumping between them.

import { NzAnchorModule } from 'ng-zorro-antd/anchor';

The simplest usage.

Loading...

Do not change state when page is scrolling.

Loading...

Property	Description	Type	Default	Global Config
`[nzAffix]`	Fixed mode of Anchor	`boolean`	`true`
`[nzBounds]`	Bounding distance of anchor area, unit: px	`number`	`5`	✅
`[nzOffsetTop]`	Pixels to offset from top when calculating position of scroll	`number`	`0`	✅
`[nzShowInkInFixed]`	Whether show ink-balls in Fixed mode	`boolean`	`false`	✅
`[nzContainer]`	Scrolling container	`string \| HTMLElement`	`window`
`(nzClick)`	Click of Anchor item	`EventEmitter<string>`	-
`(nzScroll)`	The scroll function that is triggered when scrolling to an anchor.	`EventEmitter<NzAnchorLinkComponent>`	-

Property	Description	Type	Default
`[nzHref]`	target of hyperlink	`string`	-
`[nzTitle]`	content of hyperlink	`string \| TemplateRef<void>`	-