【报Bug】安卓双webview下拉刷新，子webview包含picker插件，picker插件下滑失效

分类：MUI

Webview 下拉刷新

需要在一个页面包含下拉刷新列表、时间选择控件

当DtPicker面板显示出来的时候，上滑选择时间没问题，但是下滑选择时间，会导致整个子webview跟着下拉，从而导致DtPicker滚动失效

原生时间选择控件ios、安卓、安卓不同版本显示都不一样，很影响体验

找不到解决办法呀，希望给出解决方案

2015-11-05 11:10 负责人:无分享

7 个回复

最佳回复

赵梦欢 - 专注前端，乐于分享！

在打开选择器的时候控制上拉刷新禁止滚动，然后关闭的时候恢复滚动就可以。

上拉刷新下拉加载的启用禁止方法

mui('#pullrefresh').pullRefresh().setStopped(true); //暂时禁止滚动  
mui('#pullrefresh').pullRefresh().setStopped(false); //取消暂时禁止滚动  

mui('#pullrefresh').pullRefresh().disablePullupToRefresh();//禁用上拉加载  
mui('#pullrefresh').pullRefresh().enablePullupToRefresh();//启用上拉加载

下拉刷新与日期选择插件冲突的解决方案
例如：

mui('.mui-table-view').on('tap','li',function(){  
    var dtpicker = new mui.DtPicker({  
      "type": "time",  
        "customData": {  
          "h": [  
           {  
              value: "am",  
              text: "上午"  
           }, {  
              value: "pm",  
              text: "下午"  
           },   
        ]  
     }  
    })  
    dtpicker.show(function(e) {  
        console.log(e);  
    })    
    // 暂时禁止滚动  
    mui('#pullrefresh').pullRefresh().setStopped(true);  
})    

mui('body').on('tap','.mui-backdrop',function(){  
    // 取消暂时禁止滚动  
    mui('#pullrefresh').pullRefresh().setStopped(false);  
})  
mui('body').on('tap','.mui-dtpicker-header',function(e){  
    var target = e.target;  
    if(target.tagName === 'BUTTON'){  
        // 取消暂时禁止滚动  
        mui('#pullrefresh').pullRefresh().setStopped(false);   
    }     
})