微信小程序如何判斷頁面上下滾動

1、需要借助小程序的事件:onPageScroll事件。
2、需要借助的API:wx.getSystemInfoSync()。

  data :{
      scrollTop: 0
  },
  //監(jiān)聽屏幕滾動 判斷上下滾動
  onPageScroll: function (ev) {
    var _this = this;
    //當滾動的top值最大或最小時,為什么要做這一步是因為在手機實測小程序的時候會發(fā)生滾動條回彈,所以為了處理回彈,設置默認最大最小值
    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)
  }
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容