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

2018-12-07 12:02:10 浏览数 (1)

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

神秘代码:

代码语言:javascript复制
document.body.addEventListener('touchmove', function(e) {
                if(e._isScroller) return;
                e.preventDefault();
            }, {
                passive: false
            });

0 人点赞