Tooltps does not work well in tap scroll mode

[jol5]

Reproduction link

https://stackblitz.com/edit/angular-bi7zrp?embed=1&file=src/app/app.component.ts

Steps to reproduce

1.滚动页面，观察tooltips的位置变化

1. Scroll the page and observe the position change of the tooltips

What is expected?

1.在scrooll下，tooltip随元素一起移动

1. Under scrooll, the tooltip moves with the element

What is actually happening?

1.scroll后，tooltips 停留在首次出现的位置，不随这元素滚动
1.scroll, tooltips stay in the position of the first time, do not scroll with this element

Environment	Info
ng-zorro-antd	8.1.0
Browser	Chrome 72.0.3626.121

[wzhudev]

This is because Overlay of CDK only listens to scroll event of window.body.

• https://github.com/angular/components/blob/d83059b6deb021193c0964eecf75452ffaf1dd0a/src/cdk/scrolling/scroll-dispatcher.ts#L161-L165]
• https://github.com/angular/components/blob/20c27c7fb167a5b95f3628700559acb85681814d/src/cdk/overlay/scroll/reposition-scroll-strategy.ts#L54-L57

This 'bug' exists with Material, too. Check this demo.

[wzhudev]

Try this hack. You can use some debounce.