O evento de rolagem Angular 4 @HostListener Window estranhamente não funciona no Firefox
estou a usar@HostListener('window:scroll', [])
no aplicativo Angular 4 para adicionar classe adicional ao cabeçalho na rolagem. Funciona bem no Chrome, mas notei que no Firefox 54.0 (acho que é a última versão atual) a classe não é adicionada, ela não executa o método onWindowScroll (). Qual pode ser a razão?
Aqui está uma parte do código e umDemonstração Plunker (que, a propósito, também funciona bem no Chrome, mas não no Mozilla):
public isScrolled = false;
constructor(@Inject(DOCUMENT) private document: any) {}
@HostListener('window:scroll', [])
onWindowScroll() {
const number = this.document.body.scrollTop;
if (number > 150) {
this.isScrolled = true;
} else if (this.isScrolled && number < 10) {
this.isScrolled = false;
}
}
Qualquer ajuda seria muito apreciada.