onReachBottom不起效【已解决】

最新推荐文章于 2024-07-19 15:37:18 发布
最新推荐文章于 2024-07-19 15:37:18 发布
阅读量1w 收藏 4
点赞数 9
分类专栏： uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44977477/article/details/104924766
版权

onReachBottom

废话不多说，本人的原因是溢出滚动的view设置了height，去掉即可（高度撑出来）

我设置的height为100%；检测不到onReachBottom，

在网上看了一些其他人的BUG

1. json中配置 “onReachBottomDistance”:50，（这个可能性不大，基本可以忽略）
在这里插入图片描述
2.下面写了相同的方法，将上的事件覆盖了
3.不能和scroll-view同时使用
4.滚动条在原位置，需要滚回顶部，重新计算高度

Jarvis Downey
关注
专栏目录
uni-app无法触发onReachBottom事件
咬耳朵小布丁
06-25 2208
@uni-app onReachBottom只执行了一次 初级底部下拉刷新 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法； 增加了支持甘特图的mermaid语法
微信小程序onReachBottom不触发
Millet
01-20 1863
当我们列表不满一屏幕时候，无法触发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; ...
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; }
小程序onReachBottom上拉触底/下拉刷新没有反应问题（日常踩坑）
pirs123的博客
07-11 2416
今天踩了一个坑，因为改之前同事写的页面，新功能需要用到上拉刷新获取更多数据，当我加上onReachBottom时不管怎么上拉都没有效果后来发现给了整个页面固定高度，这就导致onReachBottom不触发了，其实还有很多导致onReachBottom不触发的，比如使用scroll-view处理不当也会导致onReachBottom不执行。虽然onReachBottom是自带的方法但是一定要写在methods里面才会触发的噢。下面是去掉固定高度的效果，触发了！
UniApp__微信小程序项目实战 实现长列表分页，通过 onReachBottom 方法上划分次加载数据
apple_70049717的博客
07-19 859
2、首先应该是请求接口拿到数据，因为那你每次拿到的是十几条数据，向下加载的话继续要加在数组里面，newUsers返回的就是在之前数组里面没有的新数据，相当于一个去重操作。所以得使用分页加载，第一次加载你在手机可视区域的数据，往下滑动的时候,逐步加载另一部分数据，直到数据加载完成。分页加载只会在用户需要时加载下一页的数据，而不是一次性加载所有数据，减少了应用的内存占用，从而提高应用的稳定性。用户在滚动页面时，数据逐步加载，用户感知到的数据加载时间变短，应用响应更加灵敏，提升用户体验。
uni-app 微信小程序 onReachBottom 不生效
xiamoziqian的博客
06-28 1817
uni-app 微信小程序，页面滑到底部，onReachBottom 没有生效
onreachbottom不执行
qq_32220479的博客
05-03 1260
小程序onreachbottom不执行 原因主要有两个：1.设置了页面高度，导致只能加载当前页，去掉页面高度 2.页面在创建时会自动创建一个没有任何输出的onreachbottom方法，与你自己创建的onreachbottom方法重复，导致自己创的方法被覆盖，删除其中一个即可，建议在创建页面之后将暂时用不到的方法全部删除，避免发生错误！！！ ...
onReachBottom不生效的原因（再骂自己一次）
weixin_53465412的博客
03-15 3731
onReachBottom和onPageScroll不生效，和普罗大众不一样的错法（55555555）
uniapp onReachBottom不起效
weixin_52268321的博客
04-27 229
由于使用了整个列表使用了 swiper 组件。
微信小程序设置上拉触底事件onReachBottom()不生效，检查是不是自动生成的代码把自己写的代码覆盖掉了
weixin_54799350的博客
05-25 1076
如果调试发现事件未被触发，控制台也没有输出，检查当前页面的.js文件，自己写的函数和小程序开发者工具自动生成的代码是否重复的地方，删掉一处即可。创建项目时，微信小程序开发者工具会自动生成有关上拉触底事件的处理函数。
微信小程序上拉触底事件函数onReachBottom不触发的解决方案
wohenshenmi的博客
12-19 5576
在app.json或者本页的json文件中配置。属性，区别在于全局还是只在本页生效。每个页的js文件创建时自带。函数 不需要自己单独写。
onreachbottom不触发
08-16
- *3* [微信小程序上拉触底事件函数onReachBottom不触发的解决方案](https://blog.csdn.net/wohenshenmi/article/details/128372428)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{...
子组件onReachBottom不触发
最新发布
08-28
1. **事件绑定错误**：确认`onReachBottom`函数是否已正确地作为`ref`的回调或通过`.addEventListener`添加到滚动视图上。 ```jsx const scrollRef = useRef(new ScrollView()); scrollRef.current....
uniapp onreachbottom 不触发
06-28
可能是以下原因导致onreachbottom不触发： 1. 页面内容不够长，没有滚动条，无法触发onreachbottom事件。 2. onreachbottom事件绑定的元素不正确，需要确保绑定的元素是可以滚动的。 3. 页面中存在fixed或...
onReachBottom
07-28
- *1* [onReachBottom无法触发也不报错](https://blog.csdn.net/qq_55928824/article/details/124458290)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
uni-app无法触发onReachBottom触底事件的解决方案
Esther_liew的博客
11-28 5465
uni-app在开发小程序时，无法触发onReachBottom触底函数，排除了页面配置/容器高度等问题，发现是容器设置了定位
微信小程序：onReachBottom(),onPullDownRefresh()事件不触发的原因
Queen-Shir的博客
11-29 6328
onReachBottom()下拉触顶： 原因：页面上的内容没有超出文档的高度，当前页面没有滚动条，就不会触发上拉触底事件。上拉不了就不会触底。 此时可以用滚动监听事件代替。 onPageScroll:function(e){ console.log(e.scrollTop); if (e.scrollTop>=92){ ...... } ...
【微信小程序页面出现onReachBottom不触发的情况】
没落的博客
03-06 1959
无法触发的原因是：height设置为100vh,会导致滑动不会触底。修改一下css就会触发。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值