php mescroll,mescroll快速入门

官网：http://www.mescroll.com/

一个简单的demo，无数据时候的空白显示暂时没写。

下拉刷新demo

html,body,div{

padding;0;margin:0;

}

.mescroll{

left:0;

width:100%;

position: fixed;

top: 0;

bottom: 0;

height: auto; /*如设置bottom:50px,则需height:auto才能生效*/

}

.name{

height:4rem;

line-height:4rem;

text-align: center;

font-size:1rem;

color:#333;

border-bottom:1px solid #eee;

}

//创建MeScroll对象

var mescroll = new MeScroll("mescroll", {

up: {

auto: true,

isBounce: false, //如果为true，某些ios手机会有bug

callback: upCallback,

htmlNodata: '

-- 结束 --

down: {

use:false//默认为true，不使用的时候必须加上

}

});

function upCallback(page){

console.log(page.num+page.size);//默认page=1，size=10，每次调用page+1

//延时一秒,模拟ajax。

setTimeout(function () {

var success = true;//ajax成功的回调

if(success){

var data = {total:30,data:[{"name":"name1"},{"name":"name2"},{"name":"name3"},{"name":"name4"},{"name":"name5"},{"name":"name6"},{"name":"name7"},{"name":"name8"},{"name":"name9"},{"name":"name10"}]}

for(var i in data.data){

$(".doctor_report").append('

'+data.data[i].name+'

');

}

mescroll.endSuccess(data.data.length);

mescroll.endBySize(data.data.length, data.total);//满足条件后不再触发上拉刷新

}else{

mescroll.endErr();

}

},1000)

}

})

QQ图片20190326201535.png

php mescroll,mescroll快速入门相关推荐

Shiro第一个程序:官方快速入门程序Qucickstart详解教程
目录一.下载解压二.第一个Shiro程序 1. 导入依赖 2. 配置shiro配置文件 3. Quickstart.java 4. 启动测试三.shiro.ini分析四.Quickstart. ...
计算机入门新人必学,异世修真人怎么玩？新手快速入门必备技巧
异世修真人怎么快速入门?最近新出来的一款文字修仙游戏,很多萌新不知道怎么玩?进小编给大家带来了游戏新手快速入门技巧攻略,希望可以帮到大家. 新手快速入门攻略 1.开局出来往下找婆婆,交互给点钱,旁边有 ...
Spring Boot 2 快速教程：WebFlux 快速入门（二）
2019独角兽企业重金招聘Python工程师标准>>> 摘要: 原创出处 https://www.bysocket.com 「公众号:泥瓦匠BYSocket 」欢迎关注和转载,保留摘 ...
Apache Hive 快速入门 (CentOS 7.3 + Hadoop-2.8 + Hive-2.1.1)
2019独角兽企业重金招聘Python工程师标准>>> 本文节选自<Netkiller Database 手札> 第 63 章 Apache Hive 目录 63.1. ...
《iOS9开发快速入门》——导读
本节书摘来自异步社区<iOS9开发快速入门>一书中的目录,作者刘丽霞 , 邱晓华,更多章节内容可以访问云栖社区"异步社区"公众号查看目录前言第1章 iOS ...
BIML 101 - ETL数据清洗系列 - BIML 快速入门教程 - 序
BIML 101 - BIML 快速入门教程做大数据的项目,最花时间的就是数据清洗. 没有一个相对可靠的数据,数据分析就是无木之舟,无水之源. 如果你已经进了ETL这个坑,而且预算有限,并且有大量的 ...
python scrapy菜鸟教程_scrapy学习笔记（一）快速入门
安装Scrapy Scrapy是一个高级的Python爬虫框架,它不仅包含了爬虫的特性,还可以方便的将爬虫数据保存到csv.json等文件中. 首先我们安装Scrapy. pip install sc ...
OpenStack快速入门
OpenStack云计算快速入门(1) 该教程基于Ubuntu12.04版,它将帮助读者建立起一份OpenStack最小化安装.我是五岳之巅,翻译中多采用意译法,所以个别词与原版有出入,请大家谅解.我 ...
Expression Blend实例中文教程(2) - 界面快速入门
上一篇主要介绍Expression系列产品,另外概述了Blend的强大功能,本篇将用Blend 3创建一个新Silverlight项目,通过创建的过程,对Blend进行快速入门学习. 在开始使用Ble ...
图文并茂！60页PPT《快速入门python数据分析路线》（附链接）
一个月不走弯路快速入门学python和python数据分析路线,呕心沥血加班加点做了2天,一共63页,该课件讲的都是路线中的核心知识,今天把该PPT分享给大家,能根据该课件提到的知识有针对性的学,做到 ...

php mescroll,mescroll快速入门

php mescroll,mescroll快速入门相关推荐

最新文章

热门文章