微信小程序拉动出现空白区域

Question

微信小程序 ios 端在不开启页面拉动刷新的情况下，上拉或下拉到达临界点在继续拉动的话会出现空白的区域，请问这个问题有什么解决方式吗。在安卓端是没有这个问题的，安卓端是到达临界点在继续拉的话就拉不动了

Answer 1

是的 ios需要做兼容，ios里，手指按住屏幕上下拖动会触发touchmove事件，这个事件触发的对象是整个webview容器，容器被拖动后，剩下的部分就会变成空白
可以监听这个事件 然后过滤掉具有滚动容器的元素 再弄个阻止冒泡

document.body.addEventListener('touchmove', function(e){
  if (e._isScroller) return;
  // 阻止默认事件
  e.preventDefault();
}, {
  passive: false
})