博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动web前端下拉刷新效果
阅读量:4703 次
发布时间:2019-06-10

本文共 529 字,大约阅读时间需要 1 分钟。

直接复制粘贴 放在页面中即可

<script>

window.onload = function(){
window.addEventListener('touchstart', touchstart, false);
window.addEventListener('touchmove', touchMove, false);
}
var _start = 0; 
var _end = 0;
function touchstart(event) {
var touch = event.targetTouches[0];
_start = touch.pageY; 
}
function touchMove(event){ 
var touch = event.targetTouches[0]; 
_end = ( touch.pageY - _start); 
//下滑才执行操作 
if(_end > 200){     //200即手机下滑屏幕的距离,超过200则执行刷新动作
location.reload();
</script>

 

 

 

  

转载于:https://www.cnblogs.com/roxanneQQyxm/p/10980911.html

你可能感兴趣的文章
.net + Android 通信
查看>>
C#dataset中数据导出到excel
查看>>
node和yarn
查看>>
hdu 4325
查看>>
移动端 html基值(转载)
查看>>
开源框架 系统
查看>>
积木艺术 (Cubist Artwork,Tokyo 2009,LA 4636)
查看>>
lvs+keepalived实现高可用群集配置详解
查看>>
Java连接MySQL数据库——含详细步骤和代码
查看>>
[平面文件源 [1]] 错误: 数据转换失败。列“列 1”的数据转换返回状态值 4 和状态...
查看>>
漫谈二分查找-Binary Search (转)
查看>>
编写自定义类实现json和pickle文件的多行写入,多行读取
查看>>
如果一个网页需要同时有多种语言,那么网页需要用什么编码格式?
查看>>
fast-json 内幕
查看>>
固定导航栏demo
查看>>
前端通信、跨域
查看>>
MD5加密
查看>>
如何向ASP.NET Web 服务器控件添加客户端脚本事件
查看>>
quick check
查看>>
陶瓷天线
查看>>