手机端轻应用模拟原生的下拉刷新效果（JavaScript）

方案一：使用iscoll等有下拉功能的框架。

分析：因为项目的结构已经基本完成，再使用框架，会与原来的结构互相影响；

方案二：用JavaScript、Jquery写。

分析：可能没有直接使用框架的效果好，但可以尽量使效果贴近原生。

综合考虑，采用方案二。

/////////////////////////////////////////////////////////////////////////////////////////////////

参考博客：http://www.cnblogs.com/tqlin/archive/2013/03/04/2942789.html

1、index.html

refreshFeedback：刷新状态提示语

loading：箭头和loading的gif图

tasks：刷新的内容

<div id="wrapper">  <div id="list">    <div id="refreshFeedback" style="width:100%;height:36px;position:absolute;z-index:9;background-color:orange;top:40px;"><p></p></div>    <div>      <div id="loading" style="width:92%;height:70px;position:absolute;z-index:0;top:-60px">         <p></p>      </div>      <div class="list-group" id="tasks">         <!-- 内容动态生成-->      </div>    </div>  </div></div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：手机端轻应用模拟原生的下拉刷新效果（JavaScript）

关键词：JavaScript