bee-anchor

react bee-anchor component for tinper-bee

基于 gumshoejs 的锚点组件

依赖

• react >= 15.3.0
• react-dom >= 15.3.0
• prop-types >= 15.6.0

使用方法

import Anchor from 'bee-anchor';
import 'bee-anchor/build/Anchor.css';

API

|参数|说明|类型|默认值| |:---|:----:|:---:|------:| |selector|目标元素选择器|string|-| |offset|向上偏移量,例如有固定header，则 offset=()=>return header.getBoundingClientRect().height|()=>{}|0| |navClass|当前被激活锚点新增的类名|string|'active'| |contentClass|当前被激活区域新增的类名|string|'active'| |nested|是否有嵌套导航|bool|false| |nestedClass|嵌套导航激活时父节点的类名|string|'active'| |event|是否添加监听事件|bool|true| |activeHandle|被激活的回调，三个参数,以基本示例为例，列表li、锚点a、激活区域p|func|()=>{})| |deactiveHandle|激活后的回调|func|()=>{})|

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-anchor
$ cd bee-anchor
$ npm install
$ npm run dev