岱岺畬族鄉微信小程序如何監聽用戶上滑或下滑?
閱讀 53088 · 發布日期 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接口(二) [溫州做小程序]