移动端下拉刷新原理和实例

移动端的下拉刷新是一个很常见的功能,也有许多开源库实现了这个功能,不过为了学习,还是先自己写一个例子学习一下。其中用到了一些touch事件和一些DOM属性CSS3属性。直接上代码,代码里面有注释。





    
    
    Document
    



    

  • 111
  • 222
  • 333
  • 444
  • 555
  • 111
  • 222
  • 333
  • 444
  • 555
  • 111
  • 222
  • 333
  • 444
  • 555
  • 其中用到了CSS3中的transform和animate。因为既然都是移动端了,这些东西基本上都支持了。
  • 具体看代码吧,注释也有。本文只是讲解原理,后续将会对其进行封装成一个对象。方便直接调用。

你可能感兴趣的:(移动端下拉刷新原理和实例)