今天做了一個要根據用戶上滑或者下滑來顯示不同內容的功能、
思路：先監聽用戶是上滑還是下滑，監聽到結果后改變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)
}