新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
微信小程序監(jiān)聽用戶上滑或下滑的方法-創(chuàng)新互聯(lián)
這篇文章主要介紹了微信小程序監(jiān)聽用戶上滑或下滑的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
微信小程序監(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) }
感謝你能夠認真閱讀完這篇文章,希望小編分享微信小程序監(jiān)聽用戶上滑或下滑的方法內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司,,關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設公司,,詳細的解決方法等著你來學習!
分享題目:微信小程序監(jiān)聽用戶上滑或下滑的方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于:http://www.ef60e0e.cn/article/ggehp.html