微信小程序监听用户上滑下滑事件

时间：2019-06-11 16:20:06 阅读：565 评论：0 收藏：0 [点我收藏+]

今天做了一个要根据用户上滑或者下滑来显示不同内容的功能、

思路：先监听用户是上滑还是下滑，监听到结果后改变data数据中用来判断模块显示隐藏的变量，两个需要切换的模块使用两个hidden，data中定义两个变量来接受更改后的true或者false

页面

hidden=‘{{bottom}}‘

hidden=‘{{top}}‘

data{

//初始化状态　

top:true,

bottom:false,

}

//判断浏览器滚动条上下滚动

if (t.scrollTop > a.data.scrollTop || t.scrollTop == wx.getSystemInfoSync().windowHeight) {

console.log(‘向下滚动‘);

// 改变显示隐藏的状态

a.setData({

bottom: true,

top: false

})

console.log(a.data.bottom)

} else {

console.log(‘向上滚动‘);

a.setData({

bottom: false,

top: true

})

console.log(a.data.bottom)

}

原文地址：https://www.cnblogs.com/lishuang2243/p/11004184.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行