码迷,mamicode.com
首页 > 移动开发 > 详细

移动端向上滑动整个屏幕

时间:2019-06-27 16:38:26      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:监听   event   prevent   移动端   结束   efault   scrolltop   top   target   

监听touchStart,touchEnd,使用jquery的animate
touchStart(e) {
console.log("开始");
this.startY = e.targetTouches[0].clientY;
},
touchEnd(e) {
// e.preventDefault();
let y = Math.abs(this.startY - e.changedTouches[0].clientY) > 30;
console.log("结束:" + y);
if (y) {
$("html,body").animate(
{ scrollTop: 2 * window.innerHeight + 20 * 2 + "px" },
500
);
}
}

移动端向上滑动整个屏幕

标签:监听   event   prevent   移动端   结束   efault   scrolltop   top   target   

原文地址:https://www.cnblogs.com/dehuachenyunfei/p/11097536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!