1、需要借助小程序的事件:onPageScroll事件。
2、需要借助的API:wx.getSystemInfoSync()。
data :{ scrollTop: 0 }, //监听屏幕滚动 判断上下滚动 onPageScroll: function (ev) { var _this = this; //当滚动的top值最大或最小时,为什么要做这一步是因为在手机实测小程序的时候会发生滚动条回弹,所以为了处理回弹,设置默认最大最小值 if (ev.scrollTop <= 0) { ev.scrollTop = 0; } else if (ev.scrollTop > wx.getSystemInfoSync().windowHeight) { ev.scrollTop = wx.getSystemInfoSync().windowHeight; } //判断浏览器滚动条上下滚动 if (ev.scrollTop > this.data.scrollTop || ev.scrollTop == wx.getSystemInfoSync().windowHeight) { //向下滚动 } else { //向上滚动 } //给scrollTop重新赋值 setTimeout(function () { _this.setData({ scrollTop: ev.scrollTop }) }, 0) }
作者:Brighten_Sun
链接:https://www.jianshu.com/p/b9c5d47b003e
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦