Question

当窗口滑动时，它可以检测到当前高度，但是我不知道该高度的单位。我希望通过角度来获取总高度（底部高度）。

document的高度与scroll的高度单位不同。您如何在两者之间转换？还是以什么方式获得通用单位？

例如：

 import {HostListener,Inject} from "@angular/core";
 import { DOCUMENT } from "@angular/platform-browser";

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

 ngOnInit() {
 }

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

这三个是不同的。 document.documentElement.scrollTop≠document.documentElement.clientHeight≠window.innerHeight

Answer 1

首先，这个问题与Angular无关，但特别是Javascript DOM模型。

第二，所有高度和宽度均以像素为单位，因此没有转换问题

现在特定于您要求的元素

document.documentElement.scrollTop-此属性返回元素内容垂直滚动的像素数。有关更多信息，refer this url

window.innerHeight和document.documentElement.clientHeight是相同的，唯一的区别是IE较旧的浏览器将其称为document.documentElement.clientHeight，而现代浏览器将其称为window.innerHeight。引用此链接for more details

角度-滚动高度和文档高度单位

1 个答案: