这篇具有很好参考价值的文章主要介绍了小程序onReachBottom上拉触底/下拉刷新没有反应问题（日常踩坑）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
今天踩了一个坑，因为改之前同事写的页面，新功能需要用到上拉刷新获取更多数据，当我加上onReachBottom时不管怎么上拉都没有效果后来发现给了整个页面固定高度，这就导致onReachBottom不触发了，其实还有很多导致onReachBottom不触发的，比如使用scroll-view处理不当也会导致onReachBottom不执行。
文章来源地址https://www.toymoban.com/news/detail-768526.html
下面是去掉固定高度的效果，触发了！！
注意！注意！注意
虽然onReachBottom是自带的方法但是一定要写在methods里面才会触发的噢。
文章来源：https://www.toymoban.com/news/detail-768526.html
到了这里，关于小程序onReachBottom上拉触底/下拉刷新没有反应问题（日常踩坑）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
目录 🏍️全局配置-window 🍇window小程序窗口的组成部分 🍇window节点常用的配置项 🍈window导航栏相关设置 设置导航栏标题 设置导航栏背景颜色 设置导航栏的标题颜色 🍉window下拉刷新 设置全局下拉刷新功能 设置下拉刷新的窗口背景色 设置下拉刷新的loading样式
配置属性问题 高度问题 滚动条不在顶部 需要回到顶部重新计算高度 onReachBottom函数被覆盖 1.配置属性问题 在app.json或者本页的json文件中配置 onReachBottomDistance 属性，区别在于全局还是只在本页生效 2.高度问题 3. 切换页面时 滚动条滚回到顶部 4. onReachBottom() 函数被覆盖 每个页
上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。 在页面的.js文件中，通过onReachBottom()函数即可监听当前页面的上拉触底事件。 上拉触底距离指的是触发上拉触底事件时，滚动条距离页面底部的距离。 可以在全局或页面的 .json
下拉刷新, 需要在页面的config文件中配置 enablePullDownRefresh: true, onReachBottomDistance: 50, backgroundTextStyle: \\\'dark\\\', 在代码中使用usePullDownRefresh, 当我们刷新页面时候会触发usePullDownRefresh方法，这里我们获取数据。
说明：开启下拉刷新，然后设置窗口的背景色，方便观看。 说明：重新发起请求，并显示加载中 说明：当数据请求成功后，收回下拉刷新框并关闭加载中。 说明： onReachBottomDistance 定义了从页面底部的距离为50px，当滚动距离接近到这个值时，通常会触发一个函数或事件
本文将介绍uniapp小程序中如何使用虚拟列表和节流两种技术实现上拉刷新下拉加载功能，同时避免因渲染大量数据导致的页面卡顿问题。 一、虚拟列表 在uniapp小程序开发中，当我们需要渲染大量列表数据时，很容易出现页面卡顿现象。这时候，我们可以使用虚拟列表技术来
目录 1. 上拉加载 2. 下拉刷新 上拉加载是小程序中常见的一种加载方式，当用户滑动页面到底部时，会自动加载更多的内容，以便用户继续浏览小程序中实现上拉加载的方式： ① 在app.json或者page.json中配置距离页面底部距离：onReachBottomDistance；默认50px。 ②
在Android中的列表视图(我们这里以RecyclerView为例)中有很多数据的时候，往往要采取限制数据条目显示，然后通过刷新再添加新的数据显示，这样看的就会比较美观，那么这种列表视图是怎么实现刷新的呢，我们一起来看看吧。 我们先看看美团的刷新 美团下拉/上拉
](https://imgs.yssmx.com/Uploads/2024/01/824148-1.png)
话不多说 直接上官网属性 官网示例 讲一下常用的几个 @scroll 滚动时触发 @scrolltoupper 滚动到顶部或左边，会触发 scrolltoupper 事件 @scrolltolower 滚动到底部或右边，会触发 scrolltolower 事件 1.纵向滚动 设置scroll-y=\\\"true\\\" 开启纵向滚动功能 2.横向滚动 设置scroll-x=\\\"true\\\" 开
触底 onReachBottom 监听用户上拉触底事件。 可以在 app.json 的 window 选项中或页面配置中设置触发距离 onReachBottomDistance 。 在触发距离内滑动期间，本事件只会被触发一次。 触顶事件 onPageScroll(Object object) 监听用户滑动页面事件。 参数 Object object 的属性为 scrollTop ；类型为 Numb
