您的位置:首页 > 移动开发

移动端H5仿app下拉动画(没有下拉刷新单纯的动画)已经封装好js

2018-07-07 16:25 357 查看
function drag(obj){
obj.addEventListener("touchstart", function(event){
var e=event;
console.log(e)
var abc=e.targetTouches[0].pageX;
var xyz=e.targetTouches[0].pageY;
console.log(abc+":"+xyz)
//var aaa=obj.offsetTop+obj.offsetHeight;
obj.addEventListener("touchmove", function(event){
var e=event;
var l=e.targetTouches[0].clientX-abc;//一直变化的X;
var t=e.targetTouches[0].clientY-xyz;//一直变化的Y;
//console.log(t)
if(l<0){
l=0;else ifl>=document-//console.log(l)
l=document-
ift<0t=0else ift >= document- t = document-
if( t >= window.innerHeight/10){
t=window.innerHeight/10
};
console.log(l)
obj.style.cssText='left:'+(l)+'px;top:'+(t)+'px;cursor:move;';
})
obj.addEventListener("touchend", function(event){
obj.style.cssText='left:0px;top:0px;cursor:move;';
})
return false;
})
}
直接在html里面drag(这里面就是需要拖拽的dom元素)

css用的是定位

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: