项目中点击一个按钮之后，页面跳转到顶部

浏览网页的时候经常看到回到顶部这个功能，具体怎么实现呢？后面总结再说，怕你们等不及划走

通过点击事件将scrollTop重置为0，从而达到返回顶部的效果。

例如：<ul>

                <li @click="toTop">首页</li>

        </ul>

方法：

  methods: {

    toTop() {

      document.documentElement.scrollTop = 0

    }

  }

样式部分：

<style scoped lang="less">

    cursor: pointer;

    list-style: none;

</style>

这样就可以实现跳转回顶部。

总结：

1.根据网页的滚动高度，判断是否显示回到顶部功能按钮。

2.点击按钮时，触发回到顶部事件，如果要追求视觉效果的话，可以加入定时器。

3.加了定时器，就是实现点击之后它会有一个慢慢向上滑动的效果