IScroll基本用法
一、为了防止手机上卡顿:
1、从新设置一下焦点。
2、 <script>try { window.PointerEvent = undefined; } catch (e) { } </script>
二、以下是一个典型的下拉加载数据用法
function loadsroll() { if (myScroll == null) { myScroll = new IScroll('#wrapper', { click: true, preventDefault: true }); myScroll.on('scrollStart', function () { document.activeElement.blur(); }); myScroll.on('scrollEnd', function () { var tempHeight = 0; tempHeight = $("#wrapper").height(); try { var h1 = window.screen.height; h1 = h1 - 60;//减去多少根据实际情况判断 if (tempHeight > h1) tempHeight = h1; } catch (e) { } $("#wrapper").height(tempHeight); //判断上拉还是下拉 if (this.y <= this.maxScrollY) //下拉 { if (isMore === false) { //无数据 this.refresh(); } else {//有数据加载数据 $("#divlist").height(''); pageIndex = pageIndex + 1; FillList(); this.refresh(); } } else {//非下拉仅刷新 this.refresh(); } //处理最低高度,保证不能小于wrapper高度 if ($("#divlist").height <= tempHeight) { $("#divlist").height(tempHeight+10); } }); } } loadsroll();
本博客是个人工作中记录,更深层次的问题可以提供有偿技术支持。
另外建了几个QQ技术群:
2、全栈技术群:616945527
2、硬件嵌入式开发: 75764412
3、Go语言交流群:9924600
闲置域名WWW.EXAI.CN (超级人工智能)出售。
另外建了几个QQ技术群:
2、全栈技术群:616945527
2、硬件嵌入式开发: 75764412
3、Go语言交流群:9924600
闲置域名WWW.EXAI.CN (超级人工智能)出售。