bee-backtop

react bee-backtop component for tinper-bee

返回顶部

使用方法

import BackTop from 'bee-backtop';

class BackTopDemo extends Component {
    render() {
        return (
            <BackTop/>
        )
    }
}

样式引入

• 可以使用link引入build目录下BackTop.css

<link rel="stylesheet" href="./node_modules/bee-backtop/build/BackTop.css">

• 可以在js中import样式

import "./node_modules/bee-backtop/src/BackTop.scss"
//或是
import "./node_modules/bee-backtop/build/BackTop.css"

API

|参数|说明|类型|默认值| |:--|:---:|:--:|---:| |visibilityHeight|当滚动条高度达到多少显示backtop|number|400| |target|设置要监听滚动事件的元素|function|() => window| |click|点击backTop时的回调函数|function|-| |character|自定义字符|ReactNode/string||

开发调试

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