解决ios移动端上下拉动

遇到一个问题，记录下。

背景如下：

我只想让其数据在区域A内下拉刷新，上下滑动。如图：

但是开发完成后，在ios中测试发现下拉就会出现“区域A的内容盖住了区域B”  。第一时刻我想到了层级，还以为是z-index 不对。仔细想想就pass了，应该无关。然后我就想到了ios 会出现的页面会上下拉动。一开始加了个touch-action  发现没啥用（也可能是我加的不对，反正我加完是没啥用，哪位大佬这样处理的可以告诉我。。）后来就想试试阻止默认行为，尝试了下touchmove 发现嗯？可以了！！ 于是我又百度了下，发现各个大佬都有整理过此类解决办法。下面附上我的处理代码。

 

代码如下：

document.body.addEventListener('touchmove', function (e) {
    e.preventDefault(); 
}, {passive: false});