作者:谁能吿诉我 | 来源:互联网 | 2023-07-01 09:38
解决h5页面在ios设备上下拉显示下层白屏 或者 局部下拉触发页面webview下拉 导致局部下拉失效,经过整理,发现了两种可行方案,一种是给整个页面设置position:fixed 另一种是禁止页面touch事件document.body.addEventListener('touchmove', function (e) { if(e._isScroller) return; e.preventDefault(); }, {passive: false});
以上两种方式都可以解决下来空白下显示。
但是如果是页面局部有滚动效果,点击或者滑动外层造成内部滑动是失效,需点击页面滚动区域才能滑动。那么解决办法也是基于上面两个因素,不过要多做一些监听。下面以position:fixed 方法为例(动态给页面赋值浮动去除页面可滑动效果):
这样就可以解决全部问题了,另一个全部禁掉touch方法,这这个思路基本一致,也是监听禁止和放开。