移动端向上滑动整个屏幕

Posted 2022-02-17 dehuachenyunfei

监听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

);