详细问题描述
[内容]
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20161101/efe0708291b625e89eb1788100662453.png)
重现步骤
[步骤]
1、加入mui上拉加载,下拉刷新的代码demo pullrefresh_sub.html
2、在js中加入scroll定位代码 mui('#pullrefresh').scroll().scrollTo(0, -100, 0);
[结果]
出现两个mui滚动条 mui-scrollbar mui-scrollbar-vertical
[期望]
只有一个滚动条
运行环境
pc或手机都会出现
[系统版本]
任意
[浏览器版本]
任意
[IDE版本]
任意
[mui版本]
Mui v3.3.0
附件
[代码片段]
mui('#pullrefresh').scroll().scrollTo(0, -100, 0);
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
/**
- 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = cells.length, len = i + 3; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
//下拉刷新,新纪录插到最前面;
table.insertBefore(li, table.firstChild);
}
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1500);
}
var count = 0;
/** -
上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = cells.length, len = i + 20; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
table.appendChild(li);
}
}, 1500);
}
if (mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
}, 1000);}); } else { mui.ready(function() { mui('#pullrefresh').pullRefresh().pullupLoading(); }); }
[安装包]
联系方式
13611770945
[QQ]
252186302
[电话]