添加按钮以滚动到顶部

Question

我试图检测用户何时向下滚动...并显示一个按钮以在单击时滚动到顶部 我没有创建指令，我发现它很难理解所以我使用Content

单击按钮后，我已设法滚动到顶部

.ts

scrollToTop(){
var distance = this.content.scrollTop;

if (distance > 0){
 this.content.scrollToTop();
 } 
}

但我不知道如何显示和隐藏按钮....目前它显示在构造函数this.showButton = true;中 我想在scrollTop更改

时显示按钮

Answer 1

您可以尝试使用Content ionScrollStart事件或ionScroll事件。

在html中，

<ion-content (ionScrollStart)="showScrollButton()">

并在组件中

showScrollButton(){
  this.showButton=true;
}