这篇文章给大家介绍的内容是关于html5实现移动端下拉刷新（原理和代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

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

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

• 其中用到了CSS3中的transform和animate。因为既然都是移动端了，这些东西基本上都支持了。

• 具体看代码吧，注释也有。本文只是讲解原理，后续将会对其进行封装成一个对象。方便直接调用。

问题：ios浏览器safari不支持let

转自：http://www.php.cn/html5-tutorial-407309.html