php上拉下拉数据库加载,jquery使用iscorll实现上拉、下拉加载刷新

本文实例为大家分享了iscorll实现上拉下拉加载刷新的具体代码，供大家参考，具体内容如下

实现原理是:判断fiiptop,flipdown是否显示为依据

myScroll = new iScroll('wraphome', {

fixedScrollbar: true,

hideScrollbar: true,

fadeScrollbar: true,

hScrollbar: false,

vScrollbar: true,

onScrollMove: function () {

var topstat = $(".fliptop").is(":visible");

var downstat = $(".flipdown").is(":visible");

if (this.y > 15 && !topstat && !downstat) {

$(".fliptop").fadeIn(300);

} else if (this.y < 15 && topstat) {

$(".fliptop").hide();

} else if (this.y < (this.maxScrollY - 25) && !topstat && !downstat) {

$(".flipdown").fadeIn(300);

this.refresh(); //这里是当显示正在加载中时刷新底部位置

} else if (this.y > (this.maxScrollY + 25) && downstat) {

$(".flipdown").hide();

}

onTouchEnd: function () {

var topstat = $(".fliptop").is(":visible");

var downstat = $(".flipdown").is(":visible");

if (topstat && !downstat) {

$(".fliptop").html("正在加载中……");

setTimeout(function(){

//此处为你自己的逻辑方法

},3000);

} else if (downstat && !topstat) {

$(".flipdown").html("正在加载中……");

setTimeout(function(){

//此处为你自己的逻辑方法

},3000);

}

});

页面部分

松手开始加载...

.............

松手开始加载...

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

php上拉下拉数据库加载,jquery使用iscorll实现上拉、下拉加载刷新相关推荐

使用 Jquery 来实现可以输入值的下拉选单雏型
最近案子中,需要使用下拉选单,但问题是,里面选项都会有各其他:,然後可以让 user 在输入值上网找了一下,有一堆现成的控件,可是现成的我要去了解,来结合我现在系统来应用,要花不少时间 ...
jquery复选框选中及下拉框选中指定项(删除项)
(1)复选框选中及下拉框选中指定项(删除项) <%@ taglib prefix="form" uri="http://www.springframework.or ...
html下拉菜单读取xml,基于XML的可配置Html下拉框的设计与实现
(江西制造职业技术学院信息工程系,江西南昌 330000) 摘要:专门针对Web下拉框控件影响网页性能.不利于美工和维护等问题,通过比较Web下拉框与Html下拉框各自的利弊,提出一种基于XML实 ...
HTML下拉菜单怎么做成横向,css导航条横向带下拉菜单
css+div导航下拉二级菜单竖排效果如何改为横排? ,在"下一站"有三个二级竖排菜单,如何能变为横排?困扰了我一天了,让二级菜单变成一行,只需要在竖排的效果上,让二级菜单都浮动起 ...
vue、Dropdown 下拉菜单、Dropdown属性事件、vue Dropdown 全部下拉菜单、vue Dropdown 全部属性事件
vue.Dropdown 下拉菜单.Dropdown属性事件.vue Dropdown 全部下拉菜单.vue Dropdown 全部属性事件设计规则何时使用代码演示 1.基本 2.右键菜单 3. ...
下拉默认选择_在Excel中制作二级联动下拉菜单，太有用了
对于一级下拉菜单的设置,相信经常使用Excel的用户都不陌生,那么,二级联动下拉菜单又是什么呢?与一级下拉菜单有什么关系呢? 二级联动下拉菜单是根据一级下拉菜单内容的变化而变化的.大家都知道,不同的部 ...
html 联想下拉菜单,这种Excel下拉菜单你见过吗？具有联想动态下拉菜单
之前有教过大家在Excel中制作下拉菜单功能,下拉菜单功能可以帮助我们在工作中快速的选择内容,而不需要我们手动输入,大大的节省了我们录入内容的时间.不过除了下拉菜单之外,其实,Excel还可以制作出& ...
搜索引擎下拉食云速捷详细_下拉框搜索定胜云速捷宝典,搜索下拉框再生云速捷专业...
现在是十人九商的时代,产品种类和数量日益增多,竞争也在不断加大,微商切忌过长时间消耗在熟人市场,因为你的朋友圈熟人购买是有限的,等她们用完再回购需要时间,做久了你会发现,当你把原有的朋友圈子都卖完了, ...
jQuery基础，定位标签，下拉菜单，样式操作，获取值（帐号、密码）
JQuery的是什么? 它是JavaScript的第三方库.是比较主流的网页动态效果实现工具:相比原生JavaScript,JQuery的语法更加简洁,更容易学习.这是jQuery的学习笔记,所以我不 ...
在 jquery repeater 中添加设置日期,下拉,复选框等控件
JQueryElement 更新到了 3.5.1, 今天给大家主要讲下如何在 Repeater 的模板中添加设置一些控件. 由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, ...

php上拉下拉数据库加载,jquery使用iscorll实现上拉、下拉加载刷新

php上拉下拉数据库加载,jquery使用iscorll实现上拉、下拉加载刷新相关推荐

最新文章

热门文章

php上拉下拉 数据库加载,jquery使用iscorll实现上拉、下拉加载刷新

php上拉下拉 数据库加载,jquery使用iscorll实现上拉、下拉加载刷新相关推荐

最新文章

热门文章

php上拉下拉数据库加载,jquery使用iscorll实现上拉、下拉加载刷新

php上拉下拉数据库加载,jquery使用iscorll实现上拉、下拉加载刷新相关推荐