我使用 @Inject(DOCUMENT) 来构建 scrollTop 可以在PC chrome上工作,但不能在iphone中工作 .

为了exapmle:

结构体:

<app-header></app-header> <app-body></app-body>

app-header 组件:

import { DOCUMENT } from '@angular/common';
import { Component, OnInit, HostListener, Inject } from '@angular/core';

constructor(@Inject(DOCUMENT) private document: Document) { }

@HostListener('window:scroll', [])onWindowScroll() {
    console.log(this.document.documentElement.scrollTop);
  }

向上和向下滑动,iphone 6S中的 this.document.documentElement.scrollTop 值始终为0 . 但在PC chrome浏览器中工作 .