web页面移动端滚动失效问题

项目背景：Angular7 + echarts 4.8.0 开发的web项目。有一个全是由各种图表组成的页面，在android10系统的手机上访问页面时，发现滑动界面不能正常的向下滚动，只有滑动非图表区域的地方，才能滚动。但是在pc端和ios系统的手机,以及android5.1系统的手机上。页面滚动时没有问题的。

 一开始以为是android版本的兼容性问题，后来又查了很多资料说是echarts的问题。最后经过我两天的研究，在渲染echarts的div元素外面再包一层div标签。并设置样式为style="overflow:auto"，在移动端就能正常滚动了！

<div style="width: 100%;height: 100%;overflow: auto;position: relative;">
  <div class="chart-container" echarts #echartDom>
  </div>
</div>

我自己还封装了一个组件，也不能滚动。解决方案同上。

总结：应该是div的原因：和echarts应该没有关系。