溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了微信小程序監聽用戶上滑或下滑的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
微信小程序監聽用戶上滑或下滑的方法：首先定義兩個需要切換的模塊使用的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)
}感謝你能夠認真閱讀完這篇文章，希望小編分享微信小程序監聽用戶上滑或下滑的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
