tooltip.appendToBody scroll-issue on touch devices

### Version
4.8.0

### Reproduction link
[https://stackblitz.com/edit/angular-echarts-append-to-body](https://stackblitz.com/edit/angular-echarts-append-to-body)

### Steps to reproduce

- Open the stackblitz example in Goolge Chrome.
- Press the "Open in New Window" button at the right-top.
- Press F12 to open Developer Tools.
- Click the "Toggle Device Toolbar" icon at the left top of chrome tools - or press CTRL-SHIFT-M.
- Click on any bar to show the tooltip window.
- Scroll down: The tooltip will remain at it's position.


### What is expected?
When some e-charts are in a scroll-container the tooltip should scroll (or maybe be hidden, if scroll is not possible)

### What is actually happening?
When some e-charts are in a scroll-container the tooltip will remain fixed (to the body)..

### Additional
On a real phone (using Goolge Chrome mobile), we see an additional issue (which may have the same cause).
When we scroll down to the 2nd or 3rd echart and click a bar the tooltip will not show up (I guess that the calculated position is off the screen boundaries.