角2スクロールボタンの表示と非表示

Question

最初のスクロールを移動すると、右隅に表示されるボタンがあります。私はページをスクロールしてからボタンを消したい。 どうすればいいですか？ はこれまでのところ、私のtypescriptです機能トラック（$イベント：いずれか）{}次のようになります。

import { Component } from '@angular/core'; 


@Component({ 
    host: {'(window:scroll)': 'track($event)'} 
}) 


export class DirectSearchComponent{ 
    showScrollButton:boolean=false; 
    beginY: any; 


constructor() {} 

track($event:any) { 
    console.debug("Scroll Event", $event); 
    if (this.beginY == undefined || this.beginY != null) { 
     if (this.beginY > $event.scrollY) { 
      this.showScrollButton = false; 
     } 
     else { 
      this.showScrollButton = true; 
     } 
    } 
    else { 
     this.beginY = $event.scrollY; 
     this.showScrollButton = true; 
    }  
    } 
} 

とボタンのための私のhtmlコードは次のようになります。事前に

<a href="#" class="scrollup"> 
     <button *ngIf="showScrollButton" 
      type="button" class="btn btn-primary btn-block pull-right" 
        style="position: fixed; bottom: 10px; right: 51px; 
          width:3%; overflow:auto;"> 
       <i class="glyphicon glyphicon-chevron-up" ></i> 
     </button> 
    </a> 

ありがとう！

Answer 1

this.beginYが正しく初期化されていないようです。

インポートNgOnInitとNgOnInit方法、設定中...

this.beginY = document.documentElement.scrollTop || document.body.scrollTop; 

これは適切に初期ページスクロール値にあなたの変数を初期化する必要があります。