vue实现滑动超出指定距离回顶部功能

This.scrollTop = dom.scrollTop;
if (This.scrollTop > 200) {
This.btnFlag = true
} else {
This.btnFlag = false
}
}
}
}
</script>
<style lang="scss">
@import '../styles/mixin';
.scrollTop-wrap {
position: relative;
.go-top{
position: absolute;
top: 430px;
left: 260px;
z-index: 15;
.iconhuidaodingbu{
font-size: 30px;
color: #87878A;
background-color:#fff;
border-radius: 50%;
}
}
}
</style>

在其他页面引用一下：

<template>
 <div class="wtll-wrap">
  <div calss="content">
     这里是你的滑动内容
  </div>
  <scrollTop></scrollTop>
 </div>
</template>
<script>
 import scrollTop from '../components/scrollTop'
 export default {
  name: 'wtll',
  data: function () {
   return {
   }
  },
  components: {
   scrollTop
  },
  methods: {
  }
 }
</script>