to-top-vue
v1.0.7
Published
vue 返回顶部插件
Downloads
3
Readme
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 |空 |