uni-app无法触发onReachBottom事件

最新推荐文章于 2025-02-08 11:37:51 发布
原创 最新推荐文章于 2025-02-08 11:37:51 发布 · 2.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #html

本文探讨了当父布局采用绝对定位时，可能遇到的onReachBottom事件无法触发的问题。通过一个具体示例说明了该问题的现象，并给出了简单的解决办法——移除绝对定位。

如果父布局使用绝对定位，则无法触发onReachBottom事件

如:

在这里插入图片描述
在这里插入图片描述

这样则会导致无法触发onReachBottom事件

删除绝对定位即可
在这里插入图片描述

关于uniapp+vue3中onReachBottom不生效的问题! 记录一下排查过程
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
03-22 1414
在使用 uniapp + Vue3 开发项目时，可能会遇到事件不触发的问题，明明已经配置了pages.json，但就是没有效果。今天就来分析一下可能的原因，并给出解决方案。
uniapp [全端兼容] - 详细实现列表上拉懒加载及“到底了“功能示例，数据列表下拉滑动页面触底后请求接口懒加载数据，自动计算分页/总条数、判断分页懒加载是否继续请求接口数据，以及数据没有了提醒！
🏆 前端领域优质创作者
10-07 4501
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，列表，懒加载，触底加载，上拉页面触发加载，列表懒加载如何判断是否还需要继续请求接口，如何知道数据加载已经没有了停止继续请求，分页判断，列表滚动触底更新实现，页面滚动到底部后请求数据填充到data中，小程序上拉加载和下拉刷新，如何分页加载数据，实现上拉加载功能示例加载更多数据/触底加载/点击加载更多数据，数据分页请求，onReachBottom()，不生效，不触发的情况，列表下拉加载判断是否到底了，我是
【uniapp，触底加载，下拉刷新】【h5】滚动区域滚动触发触底加载 scroll-view
AAAXiaoApple的博客
02-20 4370
【代码】【uniapp】【h5】滚动区域滚动触发触底加载 scroll-view。
uni-app中生命周期函数onReachBottom无法触发
weixin_50517811的博客
11-01 1658
当页面展示高度小于等于屏幕高度时，触发不了onReachBottom，只需设置页面展示高度稍微大于屏幕高度时，在滑动触底时即可触发该函数。问题描述：uni-app中生命周期函数onReachBottom无法触发。
uni-app无法触发onReachBottom触底事件的解决方案
Esther_liew的博客
11-28 8258
uni-app在开发小程序时，无法触发onReachBottom触底函数，排除了页面配置/容器高度等问题，发现是容器设置了定位
uniapp swiper 使用onReachBottom 不触发问题
最新发布
qq_48315915的博客
02-08 696
3.具体说下：第三种。
uni-app中的onReachBottom
09-17
在uni-app中，onReachBottom()是一个页面事件，它会在页面滚动到底部时触发。该事件常用于实现下拉加载更多数据的功能。要使用onReachBottom()，你需要在页面的同级位置写出该事件，并确保页面不是固定的。具体写法...
uniapp uni-load-more 不触发onReachBottom
10-12
如果遇到 `uni-load-more` 没有触发 `onReachBottom` 事件的情况，可能是以下几个原因： 1. **配置错误**：检查你的组件是否正确设置了 `@reach-bottom="loadMoreData"`，这是绑定事件的地方，确保它已经有效。 ``...
uni-app 如何停止onReachBottom
06-03
在 uni-app 中，可以通过以下几种方式之一来停止 onReachBottom()： 1. 在页面生命周期函数 onUnload() 中，移除监听页面滚动事件的监听器，以停止 onReachBottom() 的触发。 示例代码： ``` onUnload() { // ...
uniapp uni-segmented-control onReachBottom失效
10-12
uni-app的uni-segmented-control组件中的onReachBottom事件表示当滚动到底部时触发的回调函数。然而，如果你发现这个事件并未如预期那样在内容区域完全滚动到底部时触发，可能是以下几个原因： 1. 检查配置：确认`...
uni-app跨平台开发
o1dkdj的博客
06-15 1013
Uni-app 框架提供了许多平台原生的 UI 控件和 API 的访问，但是这些控件和 API 在不同平台之间的支持和表现情况会有所不同，因此我们需要注意在编写代码时尽量避免使用不同平台独有的 API 或特性，同时要特别关注不同平台之间的差异，以便在不同平台上运行时代码能够正确地工作。Uni-app 运行在多个平台上，每个平台的特点是不同的。最后，总体来说，Uni-app 的跨平台开发提供了许多可能性和便利性，但也需要在搭建过程中注意兼容性问题，同时进行版本控制和测试，从而确保应用程序能够稳定地运行。
uni-app 上拉加载函数 onReachBottom 不触发
Smile0L0的博客
05-14 9835
记一次问题解决记录。 问题：uni-app 上拉加载函数不触发。 首先我已经在 pages.json 文件中配置了 enablePullDownRefresh 为 true，且配置正确。 { "path": "pages/list/list", "style": { "enablePullDownRefresh": true } }, 查资料之后，有一种说法是onReachBottomDistance 这个值的设置太小，会导致不触发函数，建议设置为 150。onReachBottomD.
uniapp子组件onReachBottom、onPageScroll不触发
weixin_44294359的博客
01-18 4733
uniapp子组件onReachBottom、onPageScroll不触发
uniapp页面不能触发onReachBottom事件
weixin_61728046的博客
10-27 5266
uniapp页面不能触发onReachBottom事件
uniapp onReachBottom 不触发
前端历险记
09-09 6299
官网 onReachBottom 又是一个坑 如果你在使用 onReachBottom 的时候没有触发，就看看那个页面有没有出现滚动条，没有就不会触发 因为 view 没有高度（百分百也不行），然后就调用不到 onReachBottom 这个钩子 // container 最大的盒子 page, .container { height: initial; overflow-y: initial; min-height: 100vh; } 其实配不配置 onReachBottomDist
uniapp onReachBottom不触发
qq_41687724的博客
02-24 7384
在子组件里是不会触发的 要写在父组件中 父组件中这样写： <goods ref="goods"></goods> onReachBottom(){ console.log('onReachBottom1111111111'); if(this.$refs.goods){ if(this.$refs.goods.status === 'loadmore') { this.$refs.goods.getNoSaleList(); } } }
【uniapp】触底加载事件 onReachBottom 不生效
花间半盘棋
11-22 2208
是不是用了局部滚动 ；检查 css 是不是写了。
uni-app 微信小程序 onReachBottom 不生效
xiamoziqian的博客
06-28 2684
uni-app 微信小程序，页面滑到底部，onReachBottom 没有生效
uniapp 解决onReachBottom失效
热门推荐
qq_43351090的博客
10-21 1万+
一、为什么失效？ 当给最外层view（container）设置overflow样式后，onReachBottom钩子不触发，去除overflow后，可触发，但存在某些样式问题。 .container{ height: 100vh; background-color: #F5F6FA; overflow: scroll; } 二、解决方案 1.去除overflow，直接修改page样式 page{ height: 100vh; background-color: #F5F6FA; }
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

这次最后一次熬夜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值