這篇文章主要介紹了微信小程序監聽用戶上滑或下滑的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創新互聯建站一直在為企業提供服務，多年的磨煉，使我們在創意設計，網絡營銷推廣到技術研發擁有了開發經驗。我們擅長傾聽企業需求，挖掘用戶對產品需求服務價值，為企業制作有用的創意設計體驗。核心團隊擁有超過10年以上行業經驗，涵蓋創意，策化，開發等專業領域，公司涉及領域有基礎互聯網服務綿陽電信機房、成都app開發、手機移動建站、網頁設計、網絡整合營銷。

微信小程序監聽用戶上滑或下滑的方法：首先定義兩個需要切換的模塊使用的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)
}

感謝你能夠認真閱讀完這篇文章，希望小編分享微信小程序監聽用戶上滑或下滑的方法內容對大家有幫助，同時也希望大家多多支持創新互聯網站建設公司，，關注創新互聯行業資訊頻道，遇到問題就找創新互聯網站建設公司，，詳細的解決方法等著你來學習!

當前名稱：微信小程序監聽用戶上滑或下滑的方法-創新互聯
轉載注明：http://vcdvsql.cn/article48/ggehp.html

成都網站建設公司_創新互聯，為您提供App開發、小程序開發、營銷型網站建設、域名注冊、ChatGPT、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯