移动端web页面，安卓的下拉刷新和局部滚动发生冲突应该怎么解决？

ios上没问题上下滑动基本没问题。。
安卓上下拉刷新和页面中间滑动的区域产生冲突，一旦向上滑动（也就是手指向下拉的时候）就会触发整个页面下拉刷新。
布局如下图：

header、footer这两个div是固定的，中间的main可以滚动，上拉加载。