微信小程序上拉触底事件函数onReachBottom不触发的解决方案
微信小程序上拉触底事件函数onReachBottom不触发的解决方案
peng_tianyu
发布于 2022-12-15 17:05:39
发布于 2022-12-15 17:05:39
造成不触发的原因可能有以下几种情况
- 配置属性问题
- 高度问题
- 滚动条不在顶部 需要回到顶部重新计算高度
- onReachBottom函数被覆盖
1.配置属性问题
在app.json或者本页的json文件中配置onReachBottomDistance属性，区别在于全局还是只在本页生效
2.高度问题
//设置容器高度为100%
page{
height: 100%
}3. 切换页面时 滚动条滚回到顶部
//切换页面时调用API
wx.pageScrollTo({
scrollTop: 0
})4.onReachBottom()函数被覆盖
每个页的js文件创建时自带onReachBottom函数 不需要自己单独写
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-08-01，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
容器服务
腾讯云容器服务（Tencent Kubernetes Engine, TKE）基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务，覆盖 Serverless、边缘计算、分布式云等多种业务部署场景，业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者，主导开源项目Crane，全面助力客户实现资源优化、成本控制。