如何使用原生js实现下拉刷新上拉加载

作者:清风拂面 | 创建时间: 2023-07-22
使用原生js实现下拉刷新上拉加载,以便完美运用于android,ios,兼容手机及PC主流浏览器,并且支持vue,真正实现一套代码多端运行....
如何使用原生js实现下拉刷新上拉加载

操作方法

下载并引入 mescroll.min.css , mescroll.min.js

拷贝以下布局结构: <div id="mescroll" class="mescroll"> //列表内容,如:<ul>列表数据</ul> ... </div>

创建MeScroll对象: var mescroll = new MeScroll("mescroll", { down: { callback: downCallback //下拉刷新的回调 }, up: { callback: upCallback //上拉加载回调 } });

处理回调:

温馨提示

以上为使用原生js框架mescroll实现的最简单案例,
点击展开全文

更多推荐