解决H5在IOS的WebView下上拉下拉会带动整个WebView出现空白

做Web应用,碰到问题,当拖动页面的时候,IOS的整个WebView会被拖动,导致上下方有灰色空白出现,并且影响内部滑动的体验。
在网上找了个神秘代码,大概意思就是监听触摸移动的事件,如果并非滑动容器,就禁止滑动。
这个神秘代码解决了其中一个问题,但是当我把他放到另一个页面的时候,发现整个页面的滑动都被禁止了。对比两个代码,完美解决的DIV采用了mui的滑动组件(mui-scroll)即会被判断为滑动容器,而没有起到效果的DIV则用的浏览器自带滑动,没有做其他设置。

神秘代码:

document.body.addEventListener('touchmove', function(e) {
                if(e._isScroller) return;
                e.preventDefault();
            }, {
                passive: false
            });
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,935评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,628评论 0 7
  • 世界上有一种强大的正能量叫相信;也有一种负能量叫不信。 你相信的事情,成为你的信念;你不信的东西,成为你的障碍,禁...
    宁睿9439阅读 174评论 0 1
  • 那个曾经我还记得!我们青涩的脸上永远有些那些名为开心的笑脸!那时的我们依旧单纯!依旧会抱着漫画书幻想着什么!以为...
    陌離阅读 447评论 0 0