原因是手指在屏幕上按下下拉,屏幕上方会多出一块白色区域。手指按住屏幕向上拉,底部会多出一块白色区域。()原因在iOS中,手指按下屏幕并上下拖动会触发touchmove事件。这个事件触发的对象是整个webview容器,容器(body)自然会被拖动,剩下的就是空白。解决方案监听事件禁止滑动。所以我们找到了解决方案。通过监听touchmove,在需要滑动的地方滑动,不需要滑动的地方禁止滑动。值得注意的是,我们正在过滤掉具有可滚动容器的元素。vue中的解决方法如下varoverscroll=function(el){el.addEventListener('touchstart',function(){vartop=el.scrollTopvartotalScroll=el.scrollHeightvarcurrentScroll=top+el.offsetHeightif(top===0){el.scrollTop=1}elseif(currentScroll===totalScroll){el.scrollTop=top-1}})el.addEventListener('touchmove',function(evt){if(el.offsetHeight
