1 | # 锚点 Anchor
|
2 |
|
3 | 基于 [gumshoejs](https://www.npmjs.com/package/gumshoejs) 的锚点组件
|
4 |
|
5 | ## 何时使用
|
6 |
|
7 | 例如网站导航
|
8 |
|
9 | ## 如何使用
|
10 |
|
11 | ```
|
12 | import { Anchor } from 'tinper-bee';
|
13 |
|
14 | or
|
15 |
|
16 | import Anchor from 'bee-anchor';
|
17 | import 'bee-anchor/build/Anchor.css';
|
18 |
|
19 | ```
|
20 |
|
21 | ## 代码演示
|
22 |
|
23 |
|
24 | ## API
|
25 |
|
26 | |参数|说明|类型|默认值|
|
27 | |:---|:----:|:---:|------:|
|
28 | |selector|目标元素选择器|string|-|
|
29 | |offset|向上偏移量,例如有固定header,则 offset=()=>return header.getBoundingClientRect().height|()=>{}|0|
|
30 | |navClass|当前被激活锚点新增的类名|string|'active'|
|
31 | |contentClass|当前被激活区域新增的类名|string|'active'|
|
32 | |nested|是否有嵌套导航|bool|false|
|
33 | |nestedClass|嵌套导航激活时父节点的类名|string|'active'|
|
34 | |event|是否添加监听事件|bool|true|
|
35 | |activeHandle|被激活的回调,三个参数,以基本示例为例,列表li、锚点a、激活区域p|func|()=>{})|
|
36 | |deactiveHandle|激活后的回调|func|()=>{})|
|
37 |
|
38 |
|
39 |
|
40 | ## 注意事项
|
41 |
|
42 | 暂无
|
43 |
|
44 | ## 更新日志
|