微信小程序onReachBottom未触发

当我们列表不满一屏幕时候，无法触发onReachBottom方法，我们可以这么操作：height: 100vh; .view-container { display: -webkit-flex; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; width: 100%; height: 100vh; } 将中间撑满，使用height: 100vh; ...

无法触发的原因是：height设置为100vh,会导致滑动不会触底。修改一下css就会触发。

在开发小程序或网页时，onReachBottom() 函数没有执行的解决方案

onReachBottom()下拉触顶： 原因：页面上的内容没有超出文档的高度，当前页面没有滚动条，就不会触发上拉触底事件。上拉不了就不会触底。 此时可以用滚动监听事件代替。 onPageScroll:function(e){ console.log(e.scrollTop); if (e.scrollTop>=92){ ...... } ...

造成不触发的原因可能有以下几种情况 配置属性问题 高度问题 滚动条不在顶部 需要回到顶部重新计算高度 onReachBottom函数被覆盖 1.配置属性问题 在app.json或者本页的json文件中配置onReachBottomDistance属性，区别在于全局还是只在本页生效 2.高度问题 //设置容器高度为100% page{ height: 100% } 3. 切换页面时 滚动条滚回到顶部 //切换页面时调用API wx.pageScrollTo({ scrollTop: 0 }) 4.

uni-app在开发小程序时，无法触发onReachBottom触底函数，排除了页面配置/容器高度等问题，发现是容器设置了定位

小程序onReachBottom在同屏只能触发一次，拉到底之后死活拉不动也加载不了了，所以需要另一个方法来解决，那就是–利用手势判断滑动方向。 <view bindtouchstart="touchStart" bindtouchend="touchEnd"> </view>` data: { startY:0, }, onReachBottom:function(e){ //在这里加载数据或者调用加载数据的方法 }, touchStart:function(

如果调试发现事件未被触发，控制台也没有输出，检查当前页面的.js文件，自己写的函数和小程序开发者工具自动生成的代码是否重复的地方，删掉一处即可。创建项目时，微信小程序开发者工具会自动生成有关上拉触底事件的处理函数。

商品数据过多时，一页数据展示不完全。在浏览商品到触发底部的时候，需要加载新的商品数据。

转载于 我的原因是当前页面最外层元素的高度没有设置100%

微信小程序上拉触底onReachBottom没触发的解决方案

uni-app 微信小程序，页面滑到底部，onReachBottom 没有生效

page的高度设置了height：101%；

1，可能是原因是你使用了scroll-view的标签，用onReachBottom触发加载事件。如果页面的样式是滚动的是无法去触发页面的onReachBottom的函数的。因此，你使用overflow:auto.来使用页面的某些元素滚动，照样也无法触发onReachBottom。我给滚动的内容加了边框样式。这个样式只对第一页展示的区域有效果。加上了overflow:auto.的确滚动的区域就是加了border的红色区域。减去底部的tabbar高度，这样总行了吧。起初我以为我给滚动区域设置一个高度。

这几天在写小程序 断断续续的记录下遇到的问题 不触发的原因是在加载js的时候已经包括了这个方法 如果多写了一次，就会覆盖掉，不触发 可以通过分支语句进行判别，另外可以通过distance属性来实现一定距离进行预加载，达到无感加载的效果 onReachBottom() 监听用户上拉触底事件。 可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。 在触发距离内滑动期间，本事件只会被触发一次。 ...

如果页面是自动生成的，下面还有一个onReachBottom事件会覆盖掉上面自定义的事件。 参考如下： https://developers.weixin.qq.com/community/develop/doc/000c60ff90c8e06902f6d1b1e5b400?_at=1558755453928 这里你已经使用了自动生成的js页面事件， 而onReachBo...