小程序 Page自定义：onReachBottom 函数不执行

最新推荐文章于 2024-03-06 10:40:44 发布
最新推荐文章于 2024-03-06 10:40:44 发布
阅读量7.9k 收藏 2
点赞数 2
分类专栏： 小程序 移动开发 文章标签： 小程序 onReachBottom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38202389/article/details/82458550
版权

今天开发小程序的时候，遇到了这么一堆坑，百度了好久没有原因。

最终找到了原因是因为如果你的页面没有充满屏幕是不会触发这个函数的！

所以最好的办法就是把最外层的view的height属性设置为100%！

成功解决！

启明V
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
微信小程序 onReachBottom 上拉触底加载 没触发
Dove言和
08-18 3131
在数据渲染到小程序端的时候，大量数据会造成页面卡顿，严重的话会卡死，增大服务器压力 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 开发中可能会遇到写个底部触发事件，但是运行却没生效？ //底部触发 onReachBottom: function () { wx.showLoading({ title: '加载中...', }) console.log('到底了'); ..
微信小程序 详解Page中data数据操作和函数调用
08-31
本文将深入探讨 `Page` 中的 `data` 数据操作和函数调用，帮助开发者更好地理解和掌握微信小程序的开发技巧。 首先，我们来看 `Page` 的基本结构。在 `index.js` 文件中，`Page` 接受一个对象参数，这个对象包含了...
【微信小程序页面出现onReachBottom不触发的情况】
最新发布
没落的博客
03-06 1480
无法触发的原因是：height设置为100vh,会导致滑动不会触底。修改一下css就会触发。
微信小程序上拉触底事件函数onReachBottom不触发的解决方案
qq_43447509的博客
08-01 1万+
造成不触发的原因可能有以下几种情况 配置属性问题 高度问题 滚动条不在顶部 需要回到顶部重新计算高度 onReachBottom函数被覆盖 1.配置属性问题 在app.json或者本页的json文件中配置onReachBottomDistance属性，区别在于全局还是只在本页生效 2.高度问题 //设置容器高度为100% page{ height: 100% } 3. 切换页面时 滚动条滚回到顶部 //切换页面时调用API wx.pageScrollTo({ scrollTop: 0 }) 4.
onReachBottom不触发的原因
中华儿女快起床了
03-07 4583
这几天在写小程序 断断续续的记录下遇到的问题 不触发的原因是在加载js的时候已经包括了这个方法 如果多写了一次，就会覆盖掉，不触发 可以通过分支语句进行判别，另外可以通过distance属性来实现一定距离进行预加载，达到无感加载的效果 onReachBottom() 监听用户上拉触底事件。 可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。 在触发距离内滑动期间，本事件只会被触发一次。 ...
微信小程序自定义导航栏
10-30
微信小程序提供了丰富的API和事件，如`wx.setNavigationBarTitle`用于动态修改导航栏标题，`wx.hideNavigationBarLoading`和`wx.showNavigationBarLoading`控制加载指示器的显示，以及`onReachBottom`事件，可以监听...
小程序3D轮播图与自定义滚动条
05-21
- **原因**：微信小程序默认的滚动条样式可能不符合设计需求，因此需要自定义滚动条来增强视觉效果。 - **实现方法**： 1. 在`wxss`中，利用`::-webkit-scrollbar`和`::-webkit-scrollbar-thumb`伪元素来定义滚动...
模仿今日头条(微信小程序源代码)
05-08
在“模仿今日头条”小程序中，会涉及到微信小程序的各种基础组件，如Page、View、Text、Image等，以及用于数据绑定和事件处理的WXML和WXSS语法。同时，开发者可能使用了API接口，例如网络请求API（wx.request）来...
小程序-下拉刷新，tab切换.zip
05-15
- **实现方式**：在小程序中，可以使用`onReachBottom`生命周期函数监听页面滚动到底部的事件，但下拉刷新通常使用`wx.startPullDownRefresh`和`wx.stopPullDownRefresh`API来实现。`startPullDownRefresh`启动下拉...
onReachBottom无法触发也不报错
qq_55928824的博客
04-27 4485
最近写微信小程序的时候想用onReachBottom做个上拉刷新，写完以后却怎么都触发不了这个事件，所以到网上找了一圈解决方案，最终解决了。在这里总结一下。 （1）index.js中onReachBottom函数重复 如果直接使用微信小程序模板，index.js中会自动生成onLoad等生命周期回调函数和onReachBottom等用户行为回调函数的空模板。 如果一开始没有把自动生成的JS文件里面的Page里面的东西删了，就会默认出现上面这个函数，自己又写了一个同名函数，不会报错。 所以在出
小程序onreachbottom不执行
为啥不能换名字的博客
08-20 2万+
今天写一个列表页遇到一个问题  不管我怎么加载更多就是不触发onreachbottom这个触底事件 先说说页面布局吧 上边筛选条件定位的下边合计定位的 我中间列表 .list-box{ width:100%; height:80%; overflow-y:scroll; position:absolute; top:110rpx; } 解决方法：因为一句样式问题 去掉hei...
微信小程序开发的坑——onReachBottom无效的解决办法
梦之狼的博客
07-23 1万+
网上说的在Json配置文件上声明"onReachBottom":50、容器高度、tab栏的问题都试过了还是没办法触发onReachBottom事件。然后看到了segmentfault上的一个回答，就打算新建个页面，把原来的代码全部搬过去看看，是否能解决问题。 左边的index文件是有效的，右边的details文件无效的。代码几乎是一模一样（toMessage只是调用了wx.navigateTo）...
小程序 onReachBottom 上拉加载事件失效
Young_Gao的博客
01-14 1万+
微信自带的下拉刷新上拉加载需要在 .json 文件里打开 "enablePullDownRefresh": true 在 .js 文件中分别对应两个事件  /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log('pull down refresh') }, ...
小程序分页加载onReachBottom上拉触底加载--小程序走过的坑（6）（最新版）
热门推荐
zhanxingdong的博客
07-26 6万+
onReachBottom 小程序拥有页面上拉触底事件的处理函数onReachBottom 当上拉至底部时就会触发onReachBottom函数来进行相应动作。也就是说小程序自带能捕捉到用户触底事件的函数。我们无需再进行捕捉用户事件了！！！ 直接上代码 data: { limit: 11,//显示数据量 list: '', page: 1,//当前页 ...
小程序回到顶部按钮(不依赖scroll-view) onReachBottom可用
qq_34596092的博客
03-21 6841
实现原理: 用bindtouchmove获取WXML节点信息的相关函数,获取顶部滚动出去的距离,从而控制返回顶部按钮的显示/隐藏<view class="container" bindtouchmove="handletouchmove"> ... </view> <!-- 返回顶部按钮 --> <view class='gotop' wx:if...
小程序onReachBottom不触发
weixin_61805851的博客
04-01 1324
小程序onReachBottom不触发
小程序 height: 100vh; onReachBottom触底事件不触发
Android小码家
09-24 7047
css部分 .content { display: block; /* height: 100vh; */ margin-top: 85rpx; } 如上注释height即可
微信小程序onReachBottom不能调用函数方法
08-23
您好！对于您的问题，可能有几种原因导致onReachBottom无法调用函数方法。以下是一些建议： 1. 检查函数名是否正确：确保您在onReachBottom事件中绑定的函数名与您定义的函数名一致。 2. 检查函数的作用域：确保您的函数在页面的合适作用域范围内，可以被onReachBottom事件访问到。 3. 检查函数是否有正确的参数：onReachBottom事件通常会传递一些参数，例如event对象。确保您的函数接受正确的参数，并正确地处理这些参数。 4. 检查页面是否开启了onReachBottom事件监听：在小程序页面中，需要通过Page对象的onReachBottom方法来监听onReachBottom事件。确保您的页面中存在该方法，并在其中调用相应的函数。 如果以上建议都无法解决问题，那么可能是由于其他原因导致无法调用函数方法。您可以提供更多关于问题的详细信息，我可以帮助您进一步排查。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值