问题:
如图 在下拉加载部分的红色的滚动无法起作用,但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();
});