做Web应用，碰到问题，当拖动页面的时候，IOS的整个WebView会被拖动，导致上下方有灰色空白出现，并且影响内部滑动的体验。
在网上找了个神秘代码，大概意思就是监听触摸移动的事件，如果并非滑动容器，就禁止滑动。
这个神秘代码解决了其中一个问题，但是当我把他放到另一个页面的时候，发现整个页面的滑动都被禁止了。对比两个代码，完美解决的DIV采用了mui的滑动组件（mui-scroll）即会被判断为滑动容器，而没有起到效果的DIV则用的浏览器自带滑动，没有做其他设置。
document.body.addEventListener('touchmove', function(e) {
if(e._isScroller) return;
e.preventDefault();
}, {
passive: false
});
做Web应用，碰到问题，当拖动页面的时候，IOS的整个WebView会被拖动，导致上下方有灰色空白出现，并且影响内...
注意：以上方法浏览器的自带的滚动也会被禁止 用better-scroll 实现的滚动不会被禁止。
最近项目使用CoordinatorLayout + Webview实现文章详情页上拉折叠头部效果，由于Webvie...
解决react native webview引入h5页面，在iOS上，input聚焦键盘弹起留有空白，键盘收起空白...
iOS下拉刷新和上拉刷新 在iOS开发中，我们经常要用到下拉刷新和上拉刷新来加载新的数据，当前这也适合分页。iOS...
移动端 H5 相关问题汇总： 1px 问题 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面...
移动端 H5 相关问题汇总： 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面件放大或缩小不...
问题描述 WebView大家都熟悉了，是用来加载H5页面的常用控件。我遇到问题具体情况如下：h5页面在WebVie...
一. APP需要处理事项 1. 设置WebView的UserAgent Android以及iOS需要在WebVie...
iOS 中有的页面也能会内嵌WebView，然后WebView中用H5做了一个导航，而iOS 中状态栏的颜色很难调...
本文标题：解决H5在IOS的WebView下上拉下拉会带动整个WebVie
本文链接：https://www.haomeiwen.com/subject/dfmuxqtx.html
网友评论