将div元素放在可滚动父级中<rect>元素旁边-Angular 7

Question

我有一个带有动态rect元素的可滚动父div。我想将div放在一个矩形的顶部。 我试图这样做：

HTML childElement：

<rect x="401" y="2426" width="257" height="39"></rect> . 

获得职位的功能：

getElementCoordinates(element: HTMLElement) {
  const parentElement = this.documentContainer.nativeElement;
  return  - parentElement.offsetTop;
}

element.offsetTop是undefined

然后我尝试放置div：

elementPositionY = this.getElementCoordinates(document.getElementById(this.elelments[0]));
this.renderer.setStyle(this.clickToReleaseTooltip.nativeElement, 'top', elementPositionY + 'px');

如何获取矩形的位置并根据div的位置进行放置？