本文主要为大家带来一篇iscrool下拉刷新功能实现方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。
简易下拉刷新实现方法
css样式：
*{         margin: 0px;         padding: 0px;                }       #wrapper{         width: 100%;         height: 150px;         border: 1px solid red;         overflow: hidden;         position: absolute;       }       #shua{         text-align: center;       }
html代码
<p id="wrapper">       <p>         <p id="shua">刷新</p>         <ul>           <li>1</li>           <li>2</li>           <li>3</li>           <li>4</li>           <li>5</li>           <li>6</li>           <li>7</li>           <li>8</li>           <li>9</li>           <li>10</li>         </ul>       </p>     </p>
在写js代码之前，要引入jquery插件和 iscroll插件
然后js代码如下：
<script type="text/javascript">
//给内容添加滚动事件       var a=new iscroll(#wrapper,{         scrollbars:true,         mousewheel:true,         interactivescrollbars:true, //        scrollx:true, //        freescroll:true,         probetype:2,       }) 　//让文字先隐藏       $(#shua).hide();       var x=0;       a.on(scroll,function(){         if(x==0){           if(this.y>40){             $(#shua).show();             $(#shua).text(松开手进行刷新)             x=1;           }         a.on(scrollend,function(){           if(x==1){             $(#shua).text(正在刷新)             settimeout(shuju,1000)             x=2;           }         })         var z=0;         function shuju(){           if(x==2){             $(#shua).hide();             $(ul>li:nth-child(1)).before($(<li></li>).text(数据+ z++))             a.refresh()             x=0;           }                        }       }              })     </script>
这样就完成了一个简单的下拉刷新！！
相关推荐：
dropload.js插件下拉刷新和上拉加载方法
实例详解mui上拉加载更多下拉刷新数据的封装过程
微信小程序列表下拉刷新及上拉加载的实现方法分析
以上就是iscrool下拉刷新实现方法的详细内容。