微信小程序在开发历程中，，，我们可能会需要判断小程序页面转动偏向是向上，，，照旧向下，，，那么该怎样判断呢，，，下面小编为各人解答。。。。。

 

微信小程序判断页面滑动偏向

解决方案

1.用到微信小程序API

获取页面现实高度 nodesRef.boundingClientRect([callback])
监听用户滑动页面事务onPageScroll。。。。。

2.获取页面现实高度

<!--WXML-->
<view id="box">
   <view class="list" wx:for="{{List}}" wx:key="List{{index}}">
        <image mode='aspectFill' class='list_img'  src="{{item.imgUrl}}"  ></image>
   </view>
</view>

/* JS */ // 封装函数获取ID为box的元素现实高度 getScrollHeight: function() { wx.createSelectorQuery().select('#box').boundingClientRect((rect) => { this.setData({ scrollHeight: rect.height }) console.log(this.data.scrollHeight) }).exec() }, // 假设数据请求 getDataList: function() { wx.request({ url: 'test.php', //仅为示例，，，并非真实的接口地点 success: function(res) { // 若是该元素下面的数据是动态获取的，，，此要领在wx.request请求乐成的回调函数中挪用 this.getScrollHeight() } }) },

3.监听用户滑动页面事务

    //监听用户滑动页面事务
  onPageScroll: function(e) {
   
    if (e.scrollTop <= 0) {
     // 转动到最顶部
      e.scrollTop = 0;
    } else if (e.scrollTop > this.data.scrollHeight) {
      // 转动到最底部
      e.scrollTop = this.data.scrollHeight;
    }
    if (e.scrollTop > this.data.scrollTop || e.scrollTop >= this.data.scrollHeight) {
      //向下转动 
      console.log('向下 ', this.data.scrollHeight)
    } else {
      //向上转动 
      console.log('向上转动 ', this.data.scrollHeight)
    }
    //给scrollTop重新赋值 
    this.setData({
      scrollTop: e.scrollTop
    })
  },

KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商，，，恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。

KESION 一直通过手艺立异，，，提供产品和服务，，，助力企业向数字化转型，，，通过科技驱动商业刷新，，，让商业变得更智慧！

▼点击进入pp电子官网相识更多