微信小程序判断页面滚动方向

最新推荐文章于 2024-07-23 14:17:22 发布

勇敢的豆沙包

最新推荐文章于 2024-07-23 14:17:22 发布

阅读量1.3k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_17335153/article/details/97251519

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Page({
	onPageScroll(e){
		clearTimeout(this.scrollTimer);
	    this.scollArr = Array.isArray(this.scollArr) ? this.scollArr : []; //记录滚动坐标
	    this.scollArr.push(e.scrollTop);
	    if (this.scollArr.length > 2) {
	      this.direction = (this.scollArr[this.scollArr.length - 1] - this.scollArr[0]) > 0 ? 1 : -1; //1向下滚动  -1向上滚动
	    }
	    this.scrollTimer = setTimeout(() => {//延迟清除记录
	      this.scollArr = [];
	    }, 100)
	}
})