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

最新推荐文章于 2024-03-06 10:40:44 发布

jamey8383

最新推荐文章于 2024-03-06 10:40:44 发布

阅读量953

点赞数 1

分类专栏：微信开发

微信开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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

参考如下：

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

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

而onReachBottom是你自己写的，

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jamey8383

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序 onReachBottom 上拉触底加载没触发

Dove言和

08-18

3398

在数据渲染到小程序端的时候，大量数据会造成页面卡顿，严重的话会卡死，增大服务器压力小程序自带能检测到到用户触底事件的函数小程序自带能检测到到用户触底事件的函数小程序自带能检测到到用户触底事件的函数开发中可能会遇到写个底部触发事件，但是运行却没生效？ //底部触发 onReachBottom: function () { wx.showLoading({ title: '加载中...', }) console.log('到底了'); ..

微信小程序onReachBottom不触发

Millet

01-20

1952

当我们列表不满一屏幕时候，无法触发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(),onPullDownRefresh()事件不触发的原因

Queen-Shir的博客

11-29

6764

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

【微信小程序页面出现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无法触发解决方法

zqhs5599的博客

07-10

2933

一、js import fn from '../../utils/functions.js'; // 你自己封装的方法集 Page({ data: { list: [], page: 1, loading: false, // 是否加载中 finished: false // 是否加载完毕 }, /** * 页面上拉触底事件的处理函数 */ scrollToLower: function(e) { if (!this.data.finish

微信小程序个人中心、我的界面+源码（示例一）

04-26

【微信小程序个人中心界面开发详解】在微信小程序的开发中，个人中心或“我的”页面是用户与应用交互的重要组成部分，通常包含用户个人信息展示、功能操作入口等元素。本示例将详细介绍如何创建一个简单的个人中心...

微信小程序-实现瀑布流布局demo源代码

05-08

总的来说，这个微信小程序的demo为我们提供了一个实践瀑布流布局和无限下拉加载功能的平台，有助于开发者深入理解和掌握微信小程序的开发技巧。通过学习和分析这个源码，你可以了解到微信小程序的页面结构、事件机制...

微信小程序实现带刻度尺滑块-滑动标尺/刻度尺（身高、体重选择器）组件

10-30

在微信小程序开发中，创建一个具有实用性和美观性的交互组件是一项重要的任务。本文将深入探讨如何实现一个带刻度尺的滑块组件，这个组件可以作为身高、体重选择器，为用户提供直观且易于操作的界面。我们将从以下几...

微信小程序onReachBottom未触发

ARLENE2的博客

03-10

521

微信小程序onReachBottom未触发

微信小程序 onReachBottom 不触发

Queen-Shir的博客

11-01

3224

转载于我的原因是当前页面最外层元素的高度没有设置100%

onReachBottom不触发

weixin_45851714的博客

03-02

217

page的高度设置了height：101%；

onReachBottom无法触发也不报错

qq_55928824的博客

04-27

4586

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

uni-app无法触发onReachBottom触底事件的解决方案

Esther_liew的博客

11-28

6047

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

微信小程序无法触发onReachBottom的解决方案

日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导

06-26

2628

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

微信小程序-mpvue-下拉加载，上滑刷新无法触发onReachBottom，onPullDownRefresh

wly_er的博客

05-21

1005

遇到的坑，记录一下，问题.onReachBottom，onPullDownRefresh无法触发解决办法：需要将onReachBottom，onPullDownRefresh放到与methods同级的位置，否则无法触发。具体使用方法：第一步：定义enablePullDownRefresh，backgroundTextStyle 如果单独引用，则在对应的main.json文件中添加 "enablePullDownRefresh":true, "backgroundTextStyle...

小程序上拉分页onReachBottom不触发

xfy18317776108的博客

07-22

1780

一般可能情况： 1、查看json里面的配置 2、查看容器高度： wxss: wxml：此处因为使用了自定义tabBar底部菜单，需要50像素

小程序onReachBottom不触发

weixin_61805851的博客

04-01

1367

小程序onReachBottom不触发

onReachBottom不触发的原因

中华儿女快起床了

03-07

4662

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

微信小程序onReachBottom怎么不触发

10-19

可能是以下几个原因导致微信小程序onReachBottom不触发： 1. 页面高度不够，没有滚动条，无法触发onReachBottom事件。 2. onReachBottom事件被频繁触发，导致事件被阻塞。 3. 页面中有绝对定位的元素，导致页面高度...