看一下这一个,是不是符合你的要求
<!DOCTYPE HTML>
<html>
<title>中旋网https://www.zzxxo.com动态开启下拉刷新</title>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
div {
height: 80px;
width: 100%;
border-bottom: 2px solid #fff;
line-height: 80px;
background: cyan;
}
</style>
<script type="text/javascript" charset="utf-8">
var ws = null;
var a = 0;
function plusReady() {
ws = plus.webview.currentWebview();
zxlmweb(true);
}
function zxlmweb(support) {
ws.setPullToRefresh({
support: support, //是否开启下拉刷新
height: '50px',
range: '200px',
style: 'circle',
contentdown: {
caption: '下拉可以刷新'
},
contentover: {
caption: '释放立即刷新'
},
contentrefresh: {
caption: '正在刷新...'
}
}, onRefresh);
}
// 判断扩展API是否准备,否则监听'plusready'事件
if(window.plus) {
plusReady();
} else {
document.addEventListener('plusready', plusReady, false);
}
// 刷新页面
function onRefresh() {
if(a == 0) { //反复开启,会有执行多次的bug,所以暂时用这一个判断语句来操作只执行一次,防止多次执行
alert("下拉刷新成功"); //刷新成功时
ws.endPullToRefresh(); //结束下拉刷新语句
a = 1; //一次下拉刷新只执行一次刷新事件,当执行完一次之后,就把a=1,关闭刷新事件
}
}
</script>
</head>
<body>
<div onclick="zxlmweb(true);">开启下拉刷新</div>
<!--给plusReady函数传入一个true参数,开启下拉刷新-->
<div onclick="zxlmweb(false);">关闭下拉刷新</div>
<!--给plusReady函数传入一个false参数,关闭下拉刷新-->
</body>
<script>
document.getElementsByTagName("html")[0].ontouchstart = function() { //刷新完成之后,当触发屏幕事时,重新给a=0,初始化
a = 0;
}
</script>
</html>
这是我的网站,O(∩_∩)O谢谢支持----->>中旋网zzxxo
2 个回复
LLgg
看一下这一个,是不是符合你的要求
这是我的网站,O(∩_∩)O谢谢支持----->>中旋网zzxxo
wenju - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件
https://github.com/mescroll/mescroll
mescroll.lockDownScroll( isLock ); 锁定下拉刷新 ( isLock=ture,null 锁定 ; isLock=false 解锁 )
mescroll.lockUpScroll( isLock ); 锁定上拉加载 ( isLock=ture,null 锁定 ; isLock=false 解锁 )
8***@qq.com (作者)
mescroll这是什么参数》
2017-07-19 18:05
wenju
回复 8***@qq.com: 可以进入官网看看 www.mescroll.com
2017-07-19 19:53
8***@qq.com (作者)
回复 wenju:好的,ths
2017-07-20 15:06