mui解决单webview和PopPicker冲突问题

mui单webview模式，页面如下。上面有两个PopPicker，然后页面就不能上下滑动。

<div class="mui-content us-reimburse"><div class="block"><div class="us-list-title">申请信息</div><ul class="mui-table-view us-input-list list-form"><li class="mui-table-view-cell "><a class="" style="padding:0;"><div class="us-list-row"><label class="us-list-label" >局室</label><input id="selectDept" class="us-list-input" type="text" value="" readonly style="text-indent:20px" placeholder="请选择局室"></div></a></li><li class="mui-table-view-cell "><a class="" style="padding:0;"><div class="us-list-row"><label class="us-list-label" >申请人</label><input id="selectUser" class="us-list-input" type="text" value="" readonly style="text-indent:20px" placeholder="请选择局室"></div></a></li><li class="mui-table-view-cell "><a class="" style="padding:0;"><div class="us-list-row"><label class="us-list-label" >时间</label><input id="startDate" data-options='{"type":"date"}' style="width: 40%" class="us-list-input" type="text" value="" readonly placeholder="开始时间"> ━<input id="endDate" data-options='{"type":"date"}' style="width: 40%" class="us-list-input" type="text" value="" readonly placeholder="结束时间"></div></a></li></ul></div><div class="mui-scroll-wrapper" id="tripPlanFormUI"><div class="mui-scroll"><ul class="mui-table-view us-input-list us-collapse-list" style="touch-action: none"> </ul></div></div>

解决办法：
1、页面引入：（一定要这样写，mui-special.js后面留一个空格，不然就不出来,顺序也要这样引入）

  <script>var h5pullDown = true;</script><script type="text/javascript" src="/app/script/orderForm/mui-special.js "></script><script type="text/javascript"  src="app/script/orderForm/appOrderFormList.js"></script>

2、mui-special.js
我上传到了，需要的可以直接下载：
https://download.csdn.net/download/qq_36323075/12116292

3、在js上配置写上如下代码：

mui.ready(function(){loadData();ButtonFind();//解决安卓手机无法滚动mui(".mui-scroll-wrapper").scroll({//bounce: false,//滚动条是否有弹力默认是true//indicators: false, //是否显示滚动条,默认是true})
});

现在应该可以滑动了。
解决完这个，你会发现又出现一个问题，手机点击返回不起作用：
我们页面有返回按钮所以我直接绑定了返回事件，如下（点击手机返回键还不起作用）：

 mui('#header').on('tap','#go_back',function(){var ws=plus.webview.currentWebview();plus.webview.close(ws);});

mui解决单webview和PopPicker冲突问题相关推荐

安卓app单webview改为多webview加载网页
这几天用csdn的手机版,觉得用户体验不错,和我们的产品类似,也是采用webview来加载的页面,区别是它他每加载一个页面,都会启用一个新的webview来加载. 我们安卓平台只有一个 ...
【Android 手势冲突】Colin带你彻底解决RecyclerView与ScrollView滑动冲突问题，并实现RecyclerView悬停导航栏（附demo哦）
在新一期的需求中,产品要求我们做出和美团某个页面类似的功能,即一个页面包含在scrollView中,上面一个部分放置一些常用的广告banner.宫格tab等,下面放置一个RecyclerView用于展 ...
解决jquery和prototype库冲突问题
解决jquery和prototype库冲突问题参考文章: (1)解决jquery和prototype库冲突问题 (2)https://www.cnblogs.com/Joanna-Yan/p/483 ...
MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题
MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题参考文章: (1)MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题 (2)https://www.cnblogs.com/phil ...
解决transition动画与display冲突的几种方法
解决transition动画与display冲突的几种方法参考文章: (1)解决transition动画与display冲突的几种方法 (2)https://www.cnblogs.com/ihar ...
如何解决Git中的合并冲突
如何解决Git中的合并冲突? #1楼对于想要半手动解决合并冲突的Emacs用户: git diff --name-status --diff-filter=U 显示所有需要解决冲突的文件. 依次打开 ...
【vue.js开发】如何在vue里面优雅的解决跨域，路由冲突问题
[vue.js开发]如何在vue里面优雅的解决跨域,路由冲突问题当我们在路由里面配置成以下代理可以解决跨域问题 proxyTable: {'/goods/*': {target: 'http://l ...
解决SwipeRefreshLayout与Banner滑动冲突
import android.content.Context; import androidx.swiperefreshlayout.widget.SwipeRefreshLayout; import ...
Android开发之解决ListView和ScrollView滑动冲突的方法
我们看下图: 不管怎么滑动都无法显示listview的剩余数据,只能显示一条,我们看下布局,ScrollView里面嵌套ListView <?xml version="1.0" ...

mui解决单webview和PopPicker冲突问题

mui解决单webview和PopPicker冲突问题相关推荐

最新文章

热门文章