添加一个按钮滚动到顶部

我想检测当用户向下滚动...并显示一个按钮滚动到顶部点击时我没有创建一个指令，我发现它很难理解我使用Content添加一个按钮滚动到顶部

我已成功地滚动到顶部的按钮被点击

.TS

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

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

的时候，但我不知道如何显示和隐藏按钮....目前它显示在构造函数中我想要显示的按钮时scrollTop改变

来源

2017-01-30 Yasir

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

在HTML中，

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

和组件，

showScrollButton(){ 
    this.showButton=true; 
}

来源

2017-01-30 05:52:29

它没有工作了....但我已经解决了这样.. ''' ngOnInit（） {this.rollScroll = this.myElement.nativeElement.getElementsByClassName（'scroll-content'）[0]; this.ionScroll.addEventListener（ '滚动'，（）=> { 如果（this.ionScroll.scrollTop> 0）{ this.showButton = TRUE;} 否则{ this.showButton = FALSE;} }）; } ''' – Yasir

添加一个按钮滚动到顶部

回答

相关问题