添加一個按鈕滾動到頂部

我想檢測當用戶向下滾動...並顯示一個按鈕滾動到頂部點擊時我沒有創建一個指令，我發現它很難理解我使用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

添加一個按鈕滾動到頂部

回答

相關問題