vue 回到顶部效果

最终效果：

 回到顶部按钮 BackToTop.vue组件：

在其他组件中使用：

配置项：

props: {
    transitionName: {
      type: String,
      default: 'fade'
    },
    customStyle: {  //按钮样式
      type: Object
    },
    visibilityHeight: { // 纵向滑动多远距离出现滚动条
      type: Number
    },
    backPosition: { // 返回顶部时，滚动到哪里（距离顶部的距离）
      type: Number,
      default: 0
    }