bee-anchor

0.0.6 • Public • Published

bee-anchor

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

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

Package Sidebar

Install

npm i bee-anchor

Weekly Downloads

28

Version

0.0.6

License

MIT

Unpacked Size

18.8 kB

Total Files

16

Last publish

Collaborators

  • duxue
  • jwangyangls
  • shaohlr
  • honely1314
  • xiaoshutong
  • yonyoufed
  • jonyw
  • guoyongfeng
  • kvkens
  • whizbz
  • npm_yx
  • bjyxszd
  • tinper-bot
  • houjitong
  • gaox2025f
  • gcht163
  • cnkvkens
  • diozhu
  • wangjings123
  • liushaozhen