UNPKG

1.02 kBMarkdownView Raw
1# 锚点 Anchor
2
3基于 [gumshoejs](https://www.npmjs.com/package/gumshoejs) 的锚点组件
4
5## 何时使用
6
7例如网站导航
8
9## 如何使用
10
11```
12import { Anchor } from 'tinper-bee';
13
14or
15
16import Anchor from 'bee-anchor';
17import '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## 更新日志