王者地带
王者地带
  • 发布:2017-10-23 15:35
  • 更新:2017-10-23 15:35
  • 阅读:3200

上拉加载,不要拉到底才开始加载更多数据

分类:HTML5+

官方的原生,上拉加载,每次都是拉到底才能触发加载事件, 不能拉到快离底部一定距离后就开始加载了,不需要用户等待


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,差不多拉到底才触发, 如果想让到一定距离后就触发,可以修改这个数值,  建议官方可以,整合到方法里去,可以自由设置。
3 关注 分享
Trust 移动达人 xiaowei123

要回复文章请先登录注册

移动达人

移动达人

对,建议官方改进,可以设置。
2018-01-17 13:27