微信小程序如何监听用户上滑或下滑?
生活随笔
收集整理的這篇文章主要介紹了
微信小程序如何监听用户上滑或下滑?
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
微信小程序監(jiān)聽用戶上滑或下滑的方法:首先定義兩個(gè)需要切換的模塊使用的hidden;然后data中定義兩個(gè)變量來接受更改后的true或者false;接著用data數(shù)據(jù)中用來判斷模塊顯示隱藏的變量;最后收取監(jiān)聽的結(jié)果即可。
微信小程序監(jiān)聽用戶上滑或下滑的方法:
思路:先監(jiān)聽用戶是上滑還是下滑,監(jiān)聽到結(jié)果后改變data數(shù)據(jù)中用來判斷模塊顯示隱藏的變量,兩個(gè)需要切換的模塊使用的hidden,data中定義兩個(gè)變量來接受更改后的true或者false。
代碼為:
hidden='{{bottom}}'
hidden='{{top}}'
data{
//初始化狀態(tài)
top:true,
bottom:false,
}
//判斷瀏覽器滾動(dòng)條上下滾動(dòng)
if (t.scrollTop > a.data.scrollTop || t.scrollTop == wx.getSystemInfoSync().windowHeight) {
console.log('向下滾動(dòng)');
// 改變顯示隱藏的狀態(tài)
a.setData({
bottom: true,
top: false
})
console.log(a.data.bottom)
} else {
console.log('向上滾動(dòng)');
a.setData({
bottom: false,
top: true
})
console.log(a.data.bottom)
}
相關(guān)學(xué)習(xí)推薦:微信小程序開發(fā)教程
總結(jié)
以上是生活随笔為你收集整理的微信小程序如何监听用户上滑或下滑?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。