移动web前端下拉刷新效果
2016-09-23 12:36
344 查看
直接复制粘贴 放在页面中即可
<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>
<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>
相关文章推荐
- CodeChef FEB16 数组
- JS+CSS3实现带预览图幻灯片效果
- CSS-3D按钮实现实例(二)
- nodejs中的fiber库介绍
- 使用纯CSS实现文字超过一定的长度后自动显示省略号
- 神奇的JavaScript (1)
- jQuery入门02--第一个程序
- 【转】jQuery的61种选择器
- The Ternary Manifesto
- html代码input属性readonly和disabled区别
- nodejs 捕获 promise 未处理的 reject
- javascript之闭包详解
- Promise and Add-on, Think Asynchronously with Callback!
- BM CC150 Ch5 BM53
- javascript最佳实践(持续中....)
- 使用jQuery UI插件实现切换主题功能——经验小结
- react的学习笔记1
- js获取子页面全局变量及js变量跨域问题
- js的$(document).Ready()与jquery的OnLoad
- Bootstrap中点击按钮后变灰并显示加载中实例代码