微信小程序onReachBottom不触发

最新推荐文章于 2024-03-06 10:40:44 发布
最新推荐文章于 2024-03-06 10:40:44 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llayjun/article/details/112864985
版权
当微信小程序的列表内容不足一屏幕时，onReachBottom事件可能不会触发。通过设置容器高度为100vh，可以确保列表填满屏幕，从而正常触发底部触达事件。
摘要由CSDN通过智能技术生成

当我们列表不满一屏幕时候，无法触发onReachBottom方法，我们可以这么操作：height: 100vh;

.view-container {
   
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width:<
最低0.47元/天 解锁文章
llayjun
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序 onReachBottom 上拉触底加载 没触发
Dove言和
08-18 3126
在数据渲染到小程序端的时候，大量数据会造成页面卡顿，严重的话会卡死，增大服务器压力 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 开发中可能会遇到写个底部触发事件，但是运行却没生效？ //底部触发 onReachBottom: function () { wx.showLoading({ title: '加载中...', }) console.log('到底了'); ..
微信小程序个人中心、我的界面+源码（示例一）
04-26
【微信小程序个人中心界面开发详解】 在微信小程序的开发中，个人中心或“我的”页面是用户与应用交互的重要组成部分，通常包含用户个人信息展示、功能操作入口等元素。本示例将详细介绍如何创建一个简单的个人中心...
onReachBottom没有触发？填坑之路
轻量开发
04-17 2066
最近搞微信小程序，遇到onReachBottom没有触发的问题。其他页面滑动到底部能触发onReachBottom。但是新搞的页面怎么设置都不行。百度各种方法都用上了。最后，我还是从引入组件排查。发现用<scroll-view/>就不会触发onReachBottom。经过查看api,发现此控件有自带的触发回调，bindscrolltolower就是触发底部回调的。
uni-app无法触发onReachBottom触底事件的解决方案
Esther_liew的博客
11-28 4805
uni-app在开发小程序时，无法触发onReachBottom触底函数，排除了页面配置/容器高度等问题，发现是容器设置了定位
小程序onReachBottom上拉触底/下拉刷新没有反应问题（日常踩坑）
pirs123的博客
07-11 2269
今天踩了一个坑，因为改之前同事写的页面，新功能需要用到上拉刷新获取更多数据，当我加上onReachBottom时不管怎么上拉都没有效果后来发现给了整个页面固定高度，这就导致onReachBottom不触发了，其实还有很多导致onReachBottom不触发的，比如使用scroll-view处理不当也会导致onReachBottom不执行。虽然onReachBottom是自带的方法但是一定要写在methods里面才会触发的噢。下面是去掉固定高度的效果，触发了！
微信小程序上拉触底事件函数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 2899
一、js import fn from '../../utils/functions.js'; // 你自己封装的方法集 Page({ data: { list: [], page: 1, loading: false, // 是否加载中 finished: false // 是否加载完毕 }, /** * 页面上拉触底事件的处理函数 */ scrollToLower: function(e) { if (!this.data.finish
微信小程序-实现瀑布流布局demo源代码
05-08
微信小程序是一种轻量级的应用开发框架，主要用于在微信内创建原生体验的迷你应用。本教程将通过一个具体的实例——“微信小程序-实现瀑布流布局demo”来探讨如何在微信小程序中实现瀑布流布局和无限下拉加载功能。 ...
微信小程序滑动删除页面
04-10
微信小程序是一种轻量级的应用开发框架，主要用于在微信平台中构建原生体验的交互界面。在本案例中，我们关注的焦点是实现一个具有滑动删除功能的页面，这种功能常见于许多移动应用中，例如邮件应用或者任务管理器，...
微信小程序实现带刻度尺滑块-滑动标尺/刻度尺（身高、体重选择器）组件
10-30
在微信小程序开发中，创建一个具有实用性和美观性的交互组件是一项重要的任务。本文将深入探讨如何实现一个带刻度尺的滑块组件，这个组件可以作为身高、体重选择器，为用户提供直观且易于操作的界面。我们将从以下几...
微信小程序自定义导航栏
10-30
微信小程序提供了丰富的API和事件，如`wx.setNavigationBarTitle`用于动态修改导航栏标题，`wx.hideNavigationBarLoading`和`wx.showNavigationBarLoading`控制加载指示器的显示，以及`onReachBottom`事件，可以监听...
[转载]onReachBottom 事件为什么不能触发? （微信小程序）
jamey8383的专栏
03-18 930
如果页面是自动生成的，下面还有一个onReachBottom事件会覆盖掉上面自定义的事件。 参考如下： https://developers.weixin.qq.com/community/develop/doc/000c60ff90c8e06902f6d1b1e5b400?_at=1558755453928 这里你已经使用了自动生成的js页面事件， 而onReachBo...
关于onReachButton 不触发可能原因
06-25 353
关键点在JSON里 "onReachBottomDistance":100, 还有 如何页面元素本身没有占满一屏，调用onReachDistance来加载更多 会产生这样情况 不调用onHide ，而不去调用onReachDistance，这个bug 我排查一下午 为啥触发onHide 后来才找到原因 "未占满一屏" ...
【微信小程序页面出现onReachBottom不触发的情况】
最新发布
没落的博客
03-06 1444
无法触发的原因是：height设置为100vh,会导致滑动不会触底。修改一下css就会触发。
微信小程序设置上拉触底事件onReachBottom()不生效，检查是不是自动生成的代码把自己写的代码覆盖掉了
weixin_54799350的博客
05-25 1021
如果调试发现事件未被触发，控制台也没有输出，检查当前页面的.js文件，自己写的函数和小程序开发者工具自动生成的代码是否重复的地方，删掉一处即可。创建项目时，微信小程序开发者工具会自动生成有关上拉触底事件的处理函数。
微信小程序上拉触底onReachBottom没触发的解决方案
m0_61848095的博客
03-25 673
微信小程序上拉触底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; }
onReachBottom不生效的原因（再骂自己一次）
weixin_53465412的博客
03-15 3534
onReachBottom和onPageScroll不生效，和普罗大众不一样的错法（55555555）
uniapp页面不能触发onReachBottom事件
weixin_61728046的博客
10-27 4549
uniapp页面不能触发onReachBottom事件
微信小程序onReachBottom怎么不触发
10-19
可能是以下几个原因导致微信小程序onReachBottom不触发： 1. 页面高度不够，没有滚动条，无法触发onReachBottom事件。 2. onReachBottom事件被频繁触发，导致事件被阻塞。 3. 页面中有绝对定位的元素，导致页面高度...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值