iscroll.js下拉刷新和上拉加载

JS三教九流系列-iscroll.js-页面下拉刷新上拉加载等效果实现

与世无争的帅哥 提交于 2019-12-09 10:14:40
一.准备环节 iscroll.js 5.x版本项目地址 https://github.com/cubiq/iscroll 演示地址: http://pnc.co.il/dev/iscroll-5-pull-to-refresh-and-infinite-demo.html 下载解压,我们打开demos目录,把click复制,改名字为app,也就是我们处理的基础,app文件目录下的index.html改为app.html,都是为了更好理解为自己创建的应用 我们打开app.html,先预览一下js文件,就是iscroll.js,看看就好,我们没必要去改,我们返回html页面, js部分做出修改如下: <script type="text/javascript"> window.onload=function(){ var myScroll; myScroll = new IScroll('#wrapper', { mouseWheel: true, click: true }); document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); }; </script> html的body标签调用的载入去掉,这样看着才舒心: <body> :::::最重要的一点