微信小程序确定页面滑动方向

微信小程序在开发过程中，我们可能需要判断小程序页面的滚动方向是上升还是下降，然后如何判断它，以下小编将供大家回答。

微信小程序确定页面滑动方向

解决方案

1.使用微信小程序API

获取页面的实际高度nodesRef.boundingClientRect（[callback]）侦听用户滑动页面事件onPageScroll。

2.获取页面的实际高度

/* JS *///包装器使用ID框获取元素的实际高度。 getScrollHeight: function（）{wx.createSelectorQuery（）。select（'＃box'）。boundingClientRect（（rect）=＆gt; {this.setData（{scrollHeight: rect.height}）console.log（this.data.scrollHeight }}）。exec（）}，//假设数据请求getDataList: function（）{wx.request（{url:'test.php'，//仅作为示例，不是实际接口地址成功:函数（res） ）{//如果动态获取此元素下面的数据，则此方法在wx.request请求成功的回调函数中调用this.getScrollHeight（）。}）}，

3.倾听用户滑动页面事件

//收听用户滑动页面事件onPageScroll: function（e）{if（e.scrollTop＆lt;=＆gt; this.data.scrollHeight）{//滚动到底部e.scrollTop=this.data.scrollHeight; } if（e.scrollTop＆gt; this.data.scrollTop || e.scrollTop＆gt;=this.data.scrollHeight）{//向下滚动console.log（'down'，this.data.scrollHeight）} else { //向上滚动console.log（'向上滚动'，this.data.scrollHeight）} //将scrollTop重新分配给this.setData（{scrollTop: e.scrollTop}）}，HiShop小程序工具提供多类型商城/存储小程序生产，可视化编辑1秒生成5个步骤上线。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。