纯javaｓｃｒｉｐｔ实现简单的下拉刷新功能
代码非常简单，功能非常实用，代码直接放在代码上。CSS：
复制代码代码如下所示：
下拉刷新
div {
位置：绝对；
上图：0px；
底部：0px；
宽度：100%；
左：0px；
溢出：隐藏；
}
李{
列表样式类型：无；
身高：35px；
背景：# CCC；
底部边框：solid 1px # FFF；
文本对齐：左对齐；
行高：35px；
左：15px填充；
}
UL {
宽度：100%；
边距：0px；
位置：绝对；
左：0px；
填料：0px；
上图：0px；
}
HTML：
复制代码代码如下所示：
一
二
三
四
五
六
七
八
九
十
一
二
三
四
五
六
七
八
九
十
滚动= document.queryselector（'滚动'）；
无功outerscroller = document.queryselector（'。outerscroller）；
VaR touchstart = 0；
无功touchdis = 0；
OuterScroller.addEventListener（'touchstart功能（事件）{
VaR触摸=事件。targettouches { 0 }；
手指位置中的元素
touch.pagey touchstart =；
console.log（touchstart）；
}，假）；
OuterScroller.addEventListener（'touchmove功能（事件）{
VaR触摸=事件。targettouches { 0 }；
console.log（touch.pagey + 'px）；
scroll.style.top = scroll.offsettop + touch.pagey-touchstart + 'px；
console.log（滚动。风格。顶部）；
touch.pagey touchstart =；
touchdis = touch.pagey-touchstart；
}，假）；
OuterScroller.addEventListener（'touchend功能（事件）{
touchstart = 0；
var = scroll.offsettop；
console.log（上）；
如果（顶部> 70）刷新（）；
如果（顶部> 0）{
VAR时间= setInterval（）函数（）{
scroll.style.top = scroll.offsettop - 2 + 'px；
如果（滚动。offsettop <= 0）clearInterval（时间）；
}，1）
}
}，假）；
函数刷新（）{
对于（var i＝10；i＝0；i…）
{
var node = document.createelement（礼）；
node.innerhtml =我新；
scroll.insertbefore（节点、滚动。第一个孩子）；
}
}
以上是本文的全部内容，希望能帮助大家学习javaｓｃｒｉｐｔ。