2020-02-04 12:40:06 +08:00
|
|
|
|
# 页面导航 Anchor
|
|
|
|
|
|
<!--single-column-->
|
|
|
|
|
|
下面的演示曾经用的是《世界尽头与冷酷仙境》的一些角色名称作为 Anchor 的子标题，但是这样的话和其他页面差的就有点远了。所以最后还是重写了这个页面，表示遗憾。
|
|
|
|
|
|
## 演示
|
|
|
|
|
|
```demo
|
|
|
|
|
|
basic
|
2020-02-18 17:42:00 +08:00
|
|
|
|
ignoreGap
|
2020-02-04 12:40:06 +08:00
|
|
|
|
affix
|
|
|
|
|
|
scrollto
|
|
|
|
|
|
```
|
|
|
|
|
|
## Props
|
2020-02-07 23:40:07 +08:00
|
|
|
|
|名称|类型|默认值|说明|
|
2020-02-04 12:40:06 +08:00
|
|
|
|
|-|-|-|-|
|
|
|
|
|
|
|affix|`boolean`|`false`|Anchor 是否像 Affix 一样展示，如果设定为 `true`，它还会接受 [Affix](n-affix#Props) 的 Props|
|
|
|
|
|
|
|target|`() => HTMLElement`|一个返回最邻近可滚动祖先元素的函数|需要监听滚动的元素（如果你希望 Anchor 和 Affix 分别监听不同的元素，可以手动的组合 Anchor 和 Affix）|
|
|
|
|
|
|
|bound|`number`|`12`||
|
2020-02-19 11:42:31 +08:00
|
|
|
|
|ignoreGap|`boolean`|`false`| 如果设定为 `true`, 导航将显示在准确的href区域 |
|
2020-02-17 18:23:27 +08:00
|
|
|
|
|
2020-02-04 12:40:06 +08:00
|
|
|
|
|
|
|
|
|
|
## Methods
|
2020-02-07 23:40:07 +08:00
|
|
|
|
|名称|类型|说明|
|
2020-02-04 12:40:06 +08:00
|
|
|
|
|-|-|-|
|
2020-02-05 12:21:18 +08:00
|
|
|
|
|scrollTo|`(href: string) => void`||
|
