前端下拉刷新实现

<div class="contaniner">
<section class="list">
<ul class="wall" id="good-list">
</ul>
</section>
</div>

 

var outerScroller = document.querySelector('.list');
var touchStart = 0;
var touchDis = 0;
var clientHeight = document.documentElement.clientHeight;
outerScroller.addEventListener('touchstart', function(event) {
var touch = event.targetTouches[0];
touchStart = touch.pageY;
var h = outerScroller.offsetHeight;
if((clientHeight + touchStart) > h){
pulldownRefresh();
}
}, false);
outerScroller.addEventListener('touchmove', function(event) {
var touch = event.targetTouches[0];
touchStart = touch.pageY;
}, false);
outerScroller.addEventListener('touchend', function(event) {
touchStart = 0;
}, false);