相关疑难解决方法(0)

我想得到一个元素相对于浏览器视口的位置(显示页面的视口,而不是整个页面).如何在JavaScript中完成？

非常感谢

我正在尝试创建一个指令,当元素可见时,该指令会慢慢淡化照片.为此,我的第一个想法是比较项目的位置与顶部(也检查窗口的高度).但是我可以找到如何用Angular2做到这一点.

到目前为止这是我的代码:

import {Directive, ElementRef, Renderer} from 'angular2/core';

@Directive({
    selector: '[fadeInPhoto]',
    host: {
        '(window:scroll)': 'onScroll()'
    }
})
export class FadeInPhotoDirective{
    private scrollTop: number;
    private initialClass: string;
    constructor(private _el: ElementRef, private _renderer: Renderer){
        this.initialClass = 'thumbnail';
    }

    onScroll(){
        console.log('Photo top:', this._el);
    }
}

但是this._el似乎没有包含该信息的任何方法或属性.