前端下拉刷新实现
Posted daochong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端下拉刷新实现相关的知识，希望对你有一定的参考价值。
<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);
以上是关于前端下拉刷新实现的主要内容，如果未能解决你的问题，请参考以下文章