问题描述
webview 中出现弹窗后,用户依然可以在弹窗中上下滑动触发 webview 的默认网页滚动。甚至在弹窗内有滚动条的时候,滚动弹窗的内容,当弹窗内的内容被拉到底之后,便开始滚动网页的内容了。这不是我们想要的结果。
webview 中使用轮播图时,向右滑动轮播图会触发页面的侧滑返回功能。在部分 webview 中,侧滑返回的响应区域非常大,更加容易触发这个 webview 的事件。这也不是我们想要的结果。
解决方案
在不想被触发这两种事件的位置添加下面的事件绑定。
element.addEventListener('touchmove', function(e) {
e.preventDefault();
});
例如,在弹窗(或者弹窗的背景)上绑定这个方法可以让 webview 不响应用户上下滚动。
在轮播图最外层容器上绑定这个方法可以让 webview 不响 webview 的侧滑返回。
网友评论