[转载]onReachBottom 事件为什么不能触发? （微信小程序）

最新推荐文章于 2023-11-22 16:28:07 发布
最新推荐文章于 2023-11-22 16:28:07 发布
阅读量943 收藏
点赞数 1
分类专栏： 微信开发

如果页面是自动生成的，下面还有一个onReachBottom事件会覆盖掉上面自定义的事件。

参考如下：

 

 

https://developers.weixin.qq.com/community/develop/doc/000c60ff90c8e06902f6d1b1e5b400?_at=1558755453928

 

这里你已经使用了自动生成的js页面事件，

而onReachBottom是你自己写的，

页面生成的事件一般都会有onReachBottom事件了，

是否被下面的事件覆盖掉，导致你自己写的事件没生效

请好好检查你的代码，估计下面还有一个onReachBottom事件

jamey8383
关注
专栏目录
微信小程序-实现瀑布流布局demo源代码
05-08
总的来说，这个微信小程序的demo为我们提供了一个实践瀑布流布局和无限下拉加载功能的平台，有助于开发者深入理解和掌握微信小程序的开发技巧。通过学习和分析这个源码，你可以了解到微信小程序的页面结构、事件机制...
uni-app无法触发onReachBottom触底事件的解决方案
最新发布
Esther_liew的博客
11-28 5533
uni-app在开发小程序时，无法触发onReachBottom触底函数，排除了页面配置/容器高度等问题，发现是容器设置了定位
微信小程序onReachBottom不触发
Millet
01-20 1880
当我们列表不满一屏幕时候，无法触发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; ...
微信小程序 特殊布局下，页面上拉触底事件onReachBottom无法触发解决方法
zqhs5599的博客
07-10 2914
一、js import fn from '../../utils/functions.js'; // 你自己封装的方法集 Page({ data: { list: [], page: 1, loading: false, // 是否加载中 finished: false // 是否加载完毕 }, /** * 页面上拉触底事件的处理函数 */ scrollToLower: function(e) { if (!this.data.finish
微信小程序上拉触底事件函数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的解决方案
日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导
06-26 2538
商品数据过多时，一页数据展示不完全。在浏览商品到触发底部的时候，需要加载新的商品数据。
微信小程序个人中心、我的界面+源码（示例一）
04-26
【微信小程序个人中心界面开发详解】 在微信小程序的开发中，个人中心或“我的”页面是用户与应用交互的重要组成部分，通常包含用户个人信息展示、功能操作入口等元素。本示例将详细介绍如何创建一个简单的个人中心...
微信小程序滑动删除页面
04-10
微信小程序是一种轻量级的应用开发框架，主要用于在微信平台中构建原生体验的交互界面。在本案例中，我们关注的焦点是实现一个具有滑动删除功能的页面，这种功能常见于许多移动应用中，例如邮件应用或者任务管理器，...
微信小程序实现带刻度尺滑块-滑动标尺/刻度尺（身高、体重选择器）组件
10-30
在微信小程序开发中，创建一个具有实用性和美观性的交互组件是一项重要的任务。本文将深入探讨如何实现一个带刻度尺的滑块组件，这个组件可以作为身高、体重选择器，为用户提供直观且易于操作的界面。我们将从以下几...
微信小程序-仿小米商城小程序源码及截图
06-11
通过分析这个仿小米商城小程序源码，开发者不仅可以学习到微信小程序的基本开发技能，还能了解到电商应用常见的设计模式和业务逻辑，对提升实际开发能力有很大帮助。同时，源码中的截图有助于理解每个页面的设计和...
小程序onReachBottom不触发
weixin_61805851的博客
04-01 1343
小程序onReachBottom不触发
onReachBottom不起效【已解决】
qq_44977477的博客
03-17 1万+
onReachBottom 废话不多说，本人的原因是溢出滚动的view设置了height，去掉即可（高度撑出来） 我设置的height为100%；检测不到onReachBottom， 在网上看了一些其他人的BUG 1. json中配置 “onReachBottomDistance”:50，（这个可能性不大，基本可以忽略） 2.下面写了相同的方法，将上的事件覆盖了 3.不能和scroll-view...
onReachBottom不触发的原因
中华儿女快起床了
03-07 4635
这几天在写小程序 断断续续的记录下遇到的问题 不触发的原因是在加载js的时候已经包括了这个方法 如果多写了一次，就会覆盖掉，不触发 可以通过分支语句进行判别，另外可以通过distance属性来实现一定距离进行预加载，达到无感加载的效果 onReachBottom() 监听用户上拉触底事件。 可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。 在触发距离内滑动期间，本事件只会被触发一次。 ...
uni-app中生命周期函数onReachBottom无法触发
weixin_50517811的博客
11-01 1190
当页面展示高度小于等于屏幕高度时，触发不了onReachBottom，只需设置页面展示高度稍微大于屏幕高度时，在滑动触底时即可触发该函数。问题描述：uni-app中生命周期函数onReachBottom无法触发。
【uniapp】触底加载事件 onReachBottom 不生效
花间半盘棋
11-22 1555
是不是用了局部滚动 ；检查 css 是不是写了。
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 不触发
Queen-Shir的博客
11-01 3216
转载于 我的原因是当前页面最外层元素的高度没有设置100%
小程序上拉分页onReachBottom不触发
xfy18317776108的博客
07-22 1773
一般可能情况： 1、查看json里面的配置 2、查看容器高度： wxss: wxml： 此处因为使用了自定义tabBar底部菜单，需要50像素
uniapp onReachBottom不触发 原因
qq_42877655的博客
06-15 2109
uniapp onReachBottom不触发 原因
微信小程序onReachBottom怎么不触发
10-19
可能是以下几个原因导致微信小程序onReachBottom不触发： 1. 页面高度不够，没有滚动条，无法触发onReachBottom事件。 2. onReachBottom事件被频繁触发，导致事件被阻塞。 3. 页面中有绝对定位的元素，导致页面高度计算错误。 解决方法： 1. 确保页面高度足够，可以通过添加一些占位元素来增加页面高度。 2. 减少onReachBottom事件的触发频率，可以通过设置一个标志位来控制事件的触发。 3. 避免使用绝对定位的元素，或者在计算页面高度时将绝对定位的元素考虑在内。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值