美文网首页iOS编程
在 webview 中禁用默认滚动和侧滑返回

在 webview 中禁用默认滚动和侧滑返回

作者: vivaxy | 来源:发表于2017-01-31 12:49 被阅读519次

    问题描述

    webview 中出现弹窗后,用户依然可以在弹窗中上下滑动触发 webview 的默认网页滚动。甚至在弹窗内有滚动条的时候,滚动弹窗的内容,当弹窗内的内容被拉到底之后,便开始滚动网页的内容了。这不是我们想要的结果。

    webview 中使用轮播图时,向右滑动轮播图会触发页面的侧滑返回功能。在部分 webview 中,侧滑返回的响应区域非常大,更加容易触发这个 webview 的事件。这也不是我们想要的结果。

    解决方案

    在不想被触发这两种事件的位置添加下面的事件绑定。

    element.addEventListener('touchmove', function(e) {
        e.preventDefault();
    });
    

    例如,在弹窗(或者弹窗的背景)上绑定这个方法可以让 webview 不响应用户上下滚动。

    在轮播图最外层容器上绑定这个方法可以让 webview 不响 webview 的侧滑返回。

    相关文章

      网友评论

        本文标题:在 webview 中禁用默认滚动和侧滑返回

        本文链接:https://www.haomeiwen.com/subject/iqqkittx.html