基于Vue项目的回到顶部插件

在形目中经常要实现回到顶部的效果，所以我在这做了一个回到顶部的插件。

首先，我们先在这说明一下，实现回到顶部的效果所要满足的要求为：要实现回到顶部效果的盒子必须出现横向滚动条。

子组件如下所示：

原理为监听元素的scroll距离，根据距离判断其滚动距离及滚动速度，和按钮的显示隐藏。

 

在这需要说明的是：子组件中的content为滚动的盒子的类名：

 

组件的使用：

在你所需要的组件中引入即可：