2017-01-30 9 views
0

ユーザーがスクロールしたときに検出しようとしています...クリックしたときに上にスクロールするボタンを表示します 私は指示を作成しませんでした。現在....それを表示する方法を知っているとボタンを非表示ボタンが上にスクロールするボタンを追加する

.TS

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

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

をクリックされたとき、私はトップにスクロールする私が管理している

Contentを使用していますが、私はいけませんコンストラクタに示されています 私はscrollTop

答えて

0

を変更したときにあなたがContentionScrollStartイベントやionScrollイベントを使用して試すことができ、ボタンを表示したいです。

HTMLで

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

やコンポーネントで、

showScrollButton(){ 
    this.showButton=true; 
} 
+0

それがうまくdidntの....しかし、私はすでにこれをやって解決した。.. '' ' ngOnInit() { this.ionScroll = this.myElement.nativeElement.getElementsByClassName( 'scroll-content')[0]; this.ionScroll.addEventListener( 'スクロール'、()=> { IF(this.ionScroll.scrollTop> 0){ this.showButton = TRUE;} 他{this.showButton = FALSE;} }); } '' ' – Yasir

関連する問題