凭海临风
凭海临风
  • 发布:2015-12-17 22:00
  • 更新:2016-11-01 20:03
  • 阅读:3872

mui的pullRefresh是不是禁用横向滚动(overflow-x)?

分类:MUI


问题:
如图 在下拉加载部分的红色的滚动无法起作用,但header的滚动可以起作用

部分HTML
<div class="table_rightThDv" style="padding-left: 200px;">
<div class="table_rightBox" style="overflow-x: auto;width: 100%;" id="table_head">
<table style="min-width:600px;width: 100%;">
<thead>
<th><span>雷电个数</span></th>
<th><span>正雷电个数</span></th>
<th><span>负雷电个数</span></th>
<th><span>负雷电个数</span></th>
<th><span>负雷电个数</span></th>
<th><span>负雷电个数</span></th>
</thead>
</table>

                    </div>  
                </div>  

部分js
var count = 0;
// 上拉加载具体业务实现
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh(( count > 2)); //参数为true代表没有更多数据了。

        var table1 = document.body.querySelector('.leftTable');  
        var cells1 = document.body.querySelectorAll('.leftTbodybox');  
        for (var i = cells1.length, len = i  15; i < len; i  ) {  
            var tbody1 = document.createElement('tbody');  
            tbody1.className ='leftTbodybox';  
            tbody1.innerHTML ='<tr><td>安徽</td><td>2015-11-13</td></tr>'  
            table1.appendChild(tbody1);  
        }  

        var table = document.body.querySelector('.itembody');  
        var cells = document.body.querySelectorAll('.itemtbody');  
        for (var i = cells.length, len = i   15; i < len; i  ) {  
            var tbody = document.createElement('tbody');  
            tbody.className = 'itemtbody';    
            tbody.innerHTML ='<tr><td>153</td><td>153</td><td>0</td><td>15</td><td>15</td><td>15</td></tr>'  
            table.appendChild(tbody);  
        }  
    },1500);  
}  

if (mui.os.plus) {  
    mui.plusReady(function() {  
        setTimeout(function() {  
            mui('#pullrefresh').pullRefresh().pullupLoading();  
        }, 1000);  
    });  
} else {  
    mui.ready(function() {  
        mui('#pullrefresh').pullRefresh().pullupLoading();  
    });  
2015-12-17 22:00 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

兄弟解决了吗?

赵梦欢

赵梦欢 - 专注前端,乐于分享!

http://ask.dcloud.net.cn/question/24998

该问题目前已经被锁定, 无法添加新回复