下拉刷新原理及实现

1.获取到列表的dom,刷新显示部分的dom,列表父容器的dom

2.定义一些需要常用的变量

3.给列表dom监听touchstart事件,得到起始位置的Y坐标

4.给列表dom监听touchmove事件,当移动到一定程度需要显示上面的文字

5.给列表dom监听touchend事件,此时说明用户已经松开了手指,应该进行异步操作了

   

   

    Document

   

   

       

       

  • 555
  • 111
  • 222
  • 333
  • 444
  • 555
  • 111
  • 222
  • 333
  • 444
  • 555
  • 555
  • 111
  • 222
  • 333
  • 444
  • 555
  • 111
  • 222
  • 333
  • 444
  • 555
  •            

  • 111
  •            

  • 222
  •            

  • 333
  •            

  • 444
  •            

  • 555
  •            

  • 111
  •            

  • 222
  •            

  • 333
  •            

  • 444
  •            

  • 555
  •            

  • 111
  •            

  • 222
  •            

  • 333
  •            

  • 444
  •            

  • 555
  •        

   

   

1.获取到列表的dom,刷新显示部分的dom,列表父容器的dom

你可能感兴趣的:(下拉刷新原理及实现)