你怎么能得到有关的元素在Angular2

Question

当前位置信息，我有我的Navbar的ElementRef，我试图找出它是我的窗口顶部的接近，所以我可以把它粘

<div class="nav-bar" #navBar> 

</div> 

@ViewChild("navBar") 
    navBarElement; 

我打印出它的位置是在nativeElement滚动事件，但该值似乎是静态

@HostListener('window:scroll', ['$event']) 
onScroll(event) { 
    console.log("offset top", this.navBarElement.nativeElement.offsetTop); 
} 

如何追踪我的元素的当前位置？

Answer 1

offsetTop是相对于它在文档中的位置，而不是相对于视口。

请参阅How to get an element's top position relative to the browser's window?了解如何获取滚动位置。

例如。 var viewportOffset = el.getBoundingClientRect().top;