微信小程序onReachBottom未触发

今天踩了一个坑，因为改之前同事写的页面，新功能需要用到上拉刷新获取更多数据，当我加上onReachBottom时不管怎么上拉都没有效果后来发现给了整个页面固定高度，这就导致onReachBottom不触发了，其实还有很多导致onReachBottom不触发的，比如使用scroll-view处理不当也会导致onReachBottom不执行。虽然onReachBottom是自带的方法但是一定要写在methods里面才会触发的噢。下面是去掉固定高度的效果，触发了！

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

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

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

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

js页面代码 Page({ data: { page:1,//页码 movies:[],//即将展示的数据 last_page:'',//最后一页页码 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) {//页面加载求出第一页数据 let that = this; wx.request({ url: 'http://www.test.com/test'.

1、onReachBottom不触发 　　page注册了这个方法，就是不触发。需要初始化页面高度大于1屏 2、本地图片开发工具显示真机不显示 　　用image不用backgorund 3、收集formID的时候首屏出现黑色边框，且点击首屏元素获取的是其它地方的元素 　　 button{position: static;} view{height: 1000px;} ...

最近写微信小程序的时候想用onReachBottom做个上拉刷新，写完以后却怎么都触发不了这个事件，所以到网上找了一圈解决方案，最终解决了。在这里总结一下。 （1）index.js中onReachBottom函数重复 如果直接使用微信小程序模板，index.js中会自动生成onLoad等生命周期回调函数和onReachBottom等用户行为回调函数的空模板。 如果一开始没有把自动生成的JS文件里面的Page里面的东西删了，就会默认出现上面这个函数，自己又写了一个同名函数，不会报错。 所以在出

最近搞微信小程序，遇到onReachBottom没有触发的问题。其他页面滑动到底部能触发onReachBottom。但是新搞的页面怎么设置都不行。百度各种方法都用上了。最后，我还是从引入组件排查。发现用<scroll-view/>就不会触发onReachBottom。经过查看api,发现此控件有自带的触发回调，bindscrolltolower就是触发底部回调的。

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

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

当页面展示高度小于等于屏幕高度时，触发不了onReachBottom，只需设置页面展示高度稍微大于屏幕高度时，在滑动触底时即可触发该函数。问题描述：uni-app中生命周期函数onReachBottom无法触发。

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

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

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

onReachBottom在小米上无法触发 拉倒最底也没有监听到触底，一般是onReachBottomDistance距离的问题 直接在json文件中设置onReachBottomDistance:“300”，再试试有没有触发，如果触发了那就接着把onReachBottomDistance的值改小看看，找一个最合适的距离就行。 ...

在使用微信开发者工具，进行微信小程序开发时，遇到无法进行上拉触底操作

如果父布局使用绝对定位，则无法触发onReachBottom事件 如: 这样则会导致无法触发onReachBottom事件 删除绝对定位即可