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

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

思路：先监听用户是上滑还是下滑，监听到结果后改变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)

}