做PC场景类的软件开发时，比如商城开发、CRM系统开发、ERP开发.OA软件开发等都有PC端，基本在页面太长后，方便操作都需要有一个悬浮挂件，回到顶部的需求。此文介绍两种超简单的实现方法。

方法1：锚点方式，通过点击锚点回到指定位置。

<template>
	<div id="topAnchor" ref="faultTree" class="wrap">
	    <a id="TOPUp" href="#topAnchor">
	      回到顶部
	    </a>
	    <!--其他业务逻辑代码-->
	    ...
	</div>
</template>

#TOPUp{
  position: fixed;
  box-shadow: 0px 0px 4px 4px #ecefef;
  border-radius: 100%;
  right: 30px;
  bottom: 60px;
  width: 60px;
  height: 60px;
  z-index: 99999999;
}

方法2:scrollTop，通过点击事件将scrollTop重置为0实现。

<script>
export default {
  methods: {
    goTop() {
      document.documentElement.scrollTop = 0;
    },
  },
};
</script>