七都街道微信小程序如何監(jiān)聽用戶上滑或下滑?
閱讀 44966 · 發(fā)布日期 2020-08-24 17:26 · 溫州優(yōu)光網(wǎng)絡(luò)科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】
微信小程序監(jiān)聽用戶上滑或下滑的方法:首先定義兩個需要切換的模塊使用的hidden;然后data中定義兩個變量來接受更改后的true或者false;接著用data數(shù)據(jù)中用來判斷模塊顯示隱藏的變量;最后收取監(jiān)聽的結(jié)果即可。微信小程序監(jiān)聽用戶上滑或下滑的方法:思路:先監(jiān)聽用戶是上滑還是下滑,監(jiān)聽到結(jié)果后改變data數(shù)據(jù)中用來... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設(shè)公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡(luò)網(wǎng)店服務(wù),政采云網(wǎng)店管理服務(wù)】...
微信小程序監(jiān)聽用戶上滑或下滑的方法:
首先定義兩個需要切換的模塊使用的hidden;然后data中定義兩個變量來接受更改后的true或者false;接著用data數(shù)據(jù)中用來判斷模塊顯示隱藏的變量;最后收取監(jiān)聽的結(jié)果即可。
微信小程序監(jiān)聽用戶上滑或下滑的方法:
思路:
先監(jiān)聽用戶是上滑還是下滑,監(jiān)聽到結(jié)果后改變data數(shù)據(jù)中用來判斷模塊顯示隱藏的變量,兩個需要切換的模塊使用的hidden,data中定義兩個變量來接受更改后的true或者false。
代碼為:
hidden='
{
{
bottom}
}
'
hidden='
{
{
top}
}
'
data{
//初始化狀態(tài) top:true, bottom:false, }
//判斷瀏覽器滾動條上下滾動 if (t.scrollTop > a.data.scrollTop || t.scrollTop == wx.getSystemInfoSync().windowHeight) {
console.log('
向下滾動'
);
// 改變顯示隱藏的狀態(tài) 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) }
相關(guān)學(xué)習(xí)推薦:
微信小程序開發(fā)教程以上就是微信小程序如何監(jiān)聽用戶上滑或下滑?的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
微信
分享相關(guān)標(biāo)簽:
小程序 監(jiān)聽用戶本文原創(chuàng)發(fā)布php中文網(wǎng),轉(zhuǎn)載請注明出處,感謝您的尊重!
上一篇:
小程序商城與淘寶網(wǎng)有什么不同?
下一篇:
小程序接口是什么意思?相關(guān)文章相關(guān)視頻Python利用pyHook實現(xiàn)監(jiān)聽用戶鼠標(biāo)與鍵盤...vue與jquery實時監(jiān)聽用戶輸入狀態(tài)代碼分享vue 獲取頁面詳情后 切換頁面時 如何監(jiān)聽用戶是...微信公眾平臺與小程序的區(qū)別是什么?微信小程序如何監(jiān)聽用戶上滑或下滑?百變小程序組件(下)小程序API接口(一)小程序API接口(二) [溫州做小程序]