0.0.6 • Published 6 years ago
@alicd/crui-anchor v0.0.6
category: Components type: UI Views component: Base chinese: 页内锚点导航
english: Anchor
外观类似 Nav 组件，提供了页内不同 Section 之间的滚动导航能力。
API
Anchor
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 自定义 class | string | N/A |
| style | 自定义内联样式 | object | N/A |
| selectedKeys | 当前选中的项, 设置此属性，组件的选中变为受控状态 | string[] | N/A |
| defaultSelectedKeys | 初始化选中的项，只在组件初次render的时候生效 | string[] | [] |
| onScrollTo | 用户滚动到页面中新的锚点时触发的回调 | (currentKey: string) => void | N/A |
| onSelect | 用户点选了指定 Item 的回调 | (selectedKeys: string[]) => void | N/A |
| container | 该锚点菜单所绑定的滚动容器 | () => ReactNode | 默认返回 body |
| animation | 用户点击锚点滚动容器时是否加入动画 | boolean | true |
Anchor.Item
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| key | 该锚点的标识符 | string | N/A |
| to | 指定点击该锚点所跳转到的位置，为 string 则跳转到指定 id 的 DOM 元素，为返回组件的函数则跳转到指定组件 | string 或 () => ReactNode | N/A |
| onClick | 点击了锚点触发的回调 | () => void | N/A |
0.0.6
6 years ago