官方的原生,上拉加载,每次都是拉到底才能触发加载事件, 不能拉到快离底部一定距离后就开始加载了,不需要用户等待
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
style:'circle',
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
解决方案是: 要修改mui.js 文件,
_init: function() {
var self = this;
//document.addEventListener('plusscrollbottom', this);
window.addEventListener('dragup', self);
document.addEventListener("plusscrollbottom", self);
self.scrollInterval = window.setInterval(function() {
if (self.isScroll && !self.loading)
{
if (window.pageYOffset + window.innerHeight + 10 >= document.documentElement.scrollHeight)
{
self.isScroll = false; //放在这里是因为快速滚动的话,有可能检测时,还没到底,所以只要有滚动,没到底之前一直检测高度变化
if (self.bottomPocket) {
self.pullupLoading();
}
}
}
}, 100);
}
//修改 这一句, if (window.pageYOffset + window.innerHeight + 10 >= document.documentElement.scrollHeight) , 官方写死的,+10,差不多拉到底才触发, 如果想让到一定距离后就触发,可以修改这个数值, 建议官方可以,整合到方法里去,可以自由设置。
1 个评论
要回复文章请先登录或注册
移动达人