网页中上拉刷新，下滑加载

[cy0707]

原理

• 当前窗口的可视区域的高度
• 文档被卷曲的高度scrollTop
• 文档内容的高度

1. 当前窗口的可视区域的高度+文档被卷曲的高度scrollTop = 文档内容的高度，相等的时候，此时就滚到到底部。

2. 文档被卷曲的高度scrollTop为0的话，那么此时就滚到了顶部

<p id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Dolore ipsa, illo nesciunt porro sed repellat quibusdam aliquam nobis harum 
officiis aperiam eum possimus adipisci officia expedita beatae omnis enim, 
obcaecati!
</p>

p{
	margin: 1000px auto 0;
	width: 400px;
	height: 400px;
	background-color: #ccc;
}

window.onload = function() {
  //可视区域高度 
  var viewH = document.documentElement.clientHeight || document.body.clientHeight;
  // 文档的内容高度
  var contentH = document.body.scrollHeight;
  window.onscroll = function() {
  // 当窗口开始滚动时。
	var sTop = document.body.scrollTop ||document.documentElement.scrollTop;
	// 文档卷曲的高度
	if ((viewH+sTop) >= contentH ){
		alert('滚到底部了');
	 }
        if(sTop ==0 ) {
              alert('滚到顶部了');
       }
  }
}