微信小程序 onReachBottom 上拉滚动到底部加载更多问题

onReachBottom
小程序官方有一个onReachBottom上滑到底部执行的函数，但是当使用时发现不起作用。查了写资料发现需要在json里面配置：

1，“enablePullDownRefresh”: true（是否下拉或滑动执行）

"enablePullDownRefresh": true

2，“onReachBottomDistance”: 50（下拉距底部多少是执行函数）

  "onReachBottomDistance": 50

在使用了这些配置后，发现还是不起作用，查了很多资料也没找出答案。
后来想 js 的 scroll 事件是用特定的容器的，然后我就把小程序中自己定义的容器的 overflow 给去除了，用小程序自己产生的滚动条（估计小程序监听的应该是最外层 page 的滚动事件），发现 onReachBottom 这个事件就执行了

微信小程序 onReachBottom 上拉滚动到底部加载更多问题相关推荐

微信小程序 onReachBottom 上拉触底加载没触发
在数据渲染到小程序端的时候,大量数据会造成页面卡顿,严重的话会卡死,增大服务器压力小程序自带能检测到到用户触底事件的函数小程序自带能检测到到用户触底事件的函数小程序自带能检测到到用户触底事件的函 ...
微信小程序实现上拉分页加载数据
文章目录 1. 实现上拉请求 2. 实现分页加载 3. 数据全部加载完成后阻止上拉刷新 4. 容易发送上拉刷新失败问题微信小程序的上拉和下拉刷新是比较常见的功能,下拉刷新比较容易实现,这里说一下上拉 ...
微信小程序scroll-view上拉加载更多
微信小程序scroll-view上拉加载更多 1.wxml代码 <scroll-view class="scroll-view-container" scroll-ybind ...
【微信小程序】上拉触底事件
上拉触底手指在屏幕上的上拉滑动操作从而加载更多数据页面上拉触底事件触发时距页面的距离默认50px (滚动条距离底部的距离自动加载更多数据)"onReachBottomDistanc ...
微信小程序分享海报/卡片生成时一直加载可能存在的问题
微信小程序分享海报/卡片生成时一直加载可能存在的问题很多时候,开发者在调试小程序的分享图时,总是会遇到不能正常生成的问题,这里面还是有许多的坑.这一次就把我个人所知道的问题分享一下. 第一种情况: ...
微信小程序开发——设置默认图片、错误加载图片
wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...
uniapp实现滚动到底部加载更多数据
如果数据量非常大的话,数据批量加载是一种优化手段,那么,如何实现? onReachBottom uniapp的生命周期onReachBottom 页面滚动到底部的事件(不是scroll-view滚到底 ...
微信小程序如何上拉加载下一页
变量 data: {videos: [],page: 1,pageSize: 8,isLastPage: false,tips: '上拉加载更多' }, videos 数据容器 page 当前页数 p ...
微信小程序实现上拉加载更多数据（分页加载）
前言: 该实例和我其他两篇文章息息相关,不清楚的可以先做功课 Vant Weapp小程序 UI 组件库 https://blog.csdn.net/qq_36303853/article/detail ...

微信小程序 onReachBottom 上拉滚动到底部加载更多问题

微信小程序 onReachBottom 上拉滚动到底部加载更多问题相关推荐

最新文章

热门文章