微信小程序如何监听用户上滑或下滑?

阅读 15311  ·  发布日期 2020-08-24 17:26  ·  温州雄霸网络科技有限公司|建站|APP小程序制作|做网站SEO推广优化
【摘要】 微信小程序监听用户上滑或下滑的方法:首先定义两个需要切换的模块使用的hidden;然后data中定义两个变量来接受更改后的true或者false;接着用data数据中用来判断模块显示隐藏的变量;最后收取监听的结果即可。微信小程序监听用户上滑或下滑的方法:思路:先监听用户是上滑还是下滑,监听到结果后改变data数据中用来... 【温州小程序开发,温州微信公众号,平阳做网站,平阳网站建设公司,平阳小程序商城制作,昆阳万全做网站,鳌江水头小程序,萧江腾蛟微信公众号,山门顺溪南雁海西南麂凤卧麻步怀溪网络网店服务,政采云网店管理服务】...

微信小程序如何监听用户上滑或下滑?

微信小程序监听用户上滑或下滑的方法:
首先定义两个需要切换的模块使用的hidden;然后data中定义两个变量来接受更改后的true或者false;接着用data数据中用来判断模块显示隐藏的变量;最后收取监听的结果即可。
微信小程序监听用户上滑或下滑的方法:
思路:
先监听用户是上滑还是下滑,监听到结果后改变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) }
相关学习推荐:
微信小程序开发教程以上就是微信小程序如何监听用户上滑或下滑?的详细内容,更多请关注php中文网其它相关文章!
微信
分享相关标签:
小程序 监听用户本文原创发布php中文网,转载请注明出处,感谢您的尊重!
上一篇:
小程序商城与淘宝网有什么不同?
下一篇:
小程序接口是什么意思?相关文章相关视频Python利用pyHook实现监听用户鼠标与键盘...vue与jquery实时监听用户输入状态代码分享vue 获取页面详情后 切换页面时 如何监听用户是...微信公众平台与小程序的区别是什么?微信小程序如何监听用户上滑或下滑?百变小程序组件(下)小程序API接口(一)小程序API接口(二) [温州做小程序]