vue点击返回顶部插件v-totop

vue-totop

vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等。

安装

npm install vue-totop -S

使用

注入

// ES6

import vueToTop from 'vue-totop'

//or require

var vueToTop = require('vue-totop')

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



©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 14,750评论 0 38
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 8,001评论 2 9
  • 首先说下废话,必须与后台连通,账号密码什么的都必须正确。 其次文件路径必须正确,我就是倒在了这步,,, NSStr...
    六朝阅读 1,373评论 0 0
  • 今天换车练习。第一圈老是挂不好档位,总是把三档挂在一档上,原来是我的方法不对。三档应该向右偏一点。其次就是直线行驶...
    雨儿123阅读 1,153评论 0 0
  • 引子 深夜,月光从窗棂爬进来,洒下一室清辉。 熟睡中的杜若紫,白皙的皮肤在夜里蒙上一层氤氲,显得柔和圣洁。林森饶有...
    离影疏落阅读 12,187评论 43 28

友情链接更多精彩内容