本文共 937 字，大约阅读时间需要 3 分钟。

在写这篇文档之前，自己也写过移动端的上拉加载，不过一直以来都是用插件。

原理：

浏览器内容高度(随内容多少变化)： document.documentelement.scrollHeight(ie的scrollHeight为document.body.scrollHeight)

所以，当document.documentelement.scrollHeight = dooument.documentelement.scrollTop + widnow.screen.height时，就是滑到底部，需要请求下一页数据的时候

下面是核心代码：

window.onscroll = function(event){
   	var screenHeight = window.screen.height;	var scrollHeight = document.documentElement.scrollHeight;	var scrollTop = document.documentElement.scrollTop;    // 下面的10是在滑动在距离底部10px的时候,触发下一页数据请求.可自行调节	if(scrollHeight - (screenHeight + scrollTop) < 10){
   							//下面就是请求下一页数据的逻辑了，自行发挥		 var htmlt = '';		 for(var i = 0; i < arr.length; i++){
   			 htmlt = htmlt + '
' + arr[i] + '
';		 }		 var box = $('.box').html()		 $('.box').html(box + htmlt);			}}

好用的话记得star呀~~?

转载地址：http://hizsi.baihongyu.com/