前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >解决H5在IOS的WebView下上拉下拉会带动整个WebView出现空白

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

作者头像
饮水思源为名
发布2018-12-07 12:02:10
8.7K1
发布2018-12-07 12:02:10
举报
文章被收录于专栏:Android小菜鸡Android小菜鸡

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

神秘代码:

代码语言:javascript
复制
document.body.addEventListener('touchmove', function(e) {
                if(e._isScroller) return;
                e.preventDefault();
            }, {
                passive: false
            });
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.11.06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 神秘代码:
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档