移动端实现简单的下拉刷新【web前端】

说明

本文完全是个人学习，实现并不做过多的功能封装。

---

实现原理

依赖元素的 overflow-y: auto 的属性，实现滚动轴。通过改变 “刷新提醒”的元素的高度，达到下拉的效果。

如图：

例如，有如下的结构:

<div id="wrap">
    <!-- #pull-down为下拉加载更多的提醒 -->
    <div id="pull-down" class="pull-down">
        <div class=