mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
972 B
972 B
侧边导航 Anchor
下面的演示曾经用的是《世界尽头与冷酷仙境》的一些角色名称作为 Anchor 的子标题,但是这样的话和其他页面差的就有点远了。所以最后还是重写了这个页面,表示遗憾。
演示
basic
ignore-gap
affix
scrollto
Props
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
theme | 'light' | 'dark' | null |
null |
|
affix | boolean |
false |
Anchor 是否像 Affix 一样展示,如果设定为 true ,它还会接受 Affix 的 Props |
target | () => HTMLElement |
一个返回最邻近可滚动祖先元素的函数 | 需要监听滚动的元素(如果你希望 Anchor 和 Affix 分别监听不同的元素,可以手动的组合 Anchor 和 Affix) |
bound | number |
12 |
|
ignoreGap | boolean |
false |
如果设定为 true , 导航将显示在准确的href区域 |
Methods
名称 | 类型 | 说明 |
---|---|---|
scrollTo | (href: string) => void |