mui解决单webview和PopPicker冲突问题
生活随笔
收集整理的這篇文章主要介紹了
mui解决单webview和PopPicker冲突问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
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="結(jié)束時間"></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后面留一個空格,不然就不出來,順序也要這樣引入)
2、mui-special.js
我上傳到了,需要的可以直接下載:
https://download.csdn.net/download/qq_36323075/12116292
3、在js上配置寫上如下代碼:
mui.ready(function(){loadData();ButtonFind();//解決安卓手機(jī)無法滾動mui(".mui-scroll-wrapper").scroll({//bounce: false,//滾動條是否有彈力默認(rèn)是true//indicators: false, //是否顯示滾動條,默認(rèn)是true}) });現(xiàn)在應(yīng)該可以滑動了。
解決完這個,你會發(fā)現(xiàn)又出現(xiàn)一個問題,手機(jī)點擊返回不起作用:
我們頁面有返回按鈕所以我直接綁定了返回事件,如下(點擊手機(jī)返回鍵還不起作用):
總結(jié)
以上是生活随笔為你收集整理的mui解决单webview和PopPicker冲突问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: springboot配置文件加载顺序
- 下一篇: jdbc链接oracle报错ORA-12