1.0.7 • Published 5 years ago
to-top-vue v1.0.7
vue-totop
vue 点击返回顶部插件，可以根据参数设定按钮大小，颜色，类型，返回顶部的时间等。
安装
npm install to-top-vue -S
#说明 是使用vue-totop二次开发的返回顶部插件,增加了监听指定元素的滚动事件
使用
注入
// ES6
import vueToTop from 'to-top-vue'//or requirevar vueToTop = require('to-top-vue')
Vue.use(vueToTop)
组件使用
<vueToTop></vueToTop>
参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 按钮的类型，一共16种 | number | 0~15 | 0 |
| top | 滚动条离顶部多高时，显示返回顶部按钮 | number | 大于0的整数 | 400 |
| right | 按钮右部定位位置 | number | 大于0的整数 | 30 |
| bottom | 按钮底部定位位置 | number | 大于0的整数 | 30 |
| size | 按钮大小 | number | 大于0的整数 | 24 |
| color | 按钮颜色 | string | rgb/hex | '#666' |
| duration | 返回顶部的间隔时间 | number | 大于0的整数 | 300 |
| domid | 在某个元素内部滚动的id | string | 要监听滚动事件的元素id | 空 |