秉着革命是块砖，哪里需要哪里搬的原则，我又来到前端的这块土地。

提出的功能是：希望列表下拉太多时，能有一个按钮一直悬浮，同时点击就会回到界面顶部。

分步解决：

1. 首先找到一个可以一直悬浮的按钮，ionic官方就给提供了，他就是fab。官方传送门

比较重要的属性就是：

一个是水平位置，一个是垂直位置（这里的位置是大致位置）。

由于之前界面已经存在一个fab按钮，所以我们需要调整按钮的具体位置，代码如下：

<!-- 位置为：右下角 ，距离右边框45px，距离下边框70px -->
<ion-fab vertical="bottom" horizontal="end"  style="bottom: 70px; right: 45px;">
    <!--触发的方法是：returnTop()-->
    <ion-fab-button (click)='returnTop()'>
        <ion-icon name="arrow-up"></ion-icon>
    </ion-fab-button>
</ion-fab>

2. 我们需要在后端写一个回到屏幕的顶端的方法：

方法有很多，这里有传送门，有兴趣的同学可以去看一下；我用的是最简单也是最容易实现的方法。

returnTop(){
        //获取屏幕顶端一个标签的ID，例如它为top
        let element = document.getElementById("top");
        if(element){
          //然后跳转到此ID标签的位置上
          element.scrollIntoView();
        }
    }

简做总结，如有不总，欢迎指出！