微信小程序使用上拉加载onReachBottom。页面拖不动。一直无法触发上拉的事件。

1,可能是原因是你使用了scroll-view的标签,用onReachBottom触发加载事件。这两个是有冲突的。没办法一起使用。如果页面的样式是滚动的是无法去触发页面的onReachBottom的函数的。因此,你使用overflow:auto.来使用页面的某些元素滚动,照样也无法触发onReachBottom。

2,滚动区域有部分内容被遮挡怎么解决

起初我以为我给滚动区域设置一个高度。

复制代码
height:calc(100vh - 380rpx);减去底部的tabbar高度,这样总行了吧。。

却发现第一页没啥问题。拖到第2页,二页高度根本没起作用啊。我给滚动的内容加了边框样式。这个样式只对第一页展示的区域有效果。滚动到下面却没有这个border了。然后真是疯了。加上了overflow:auto.的确滚动的区域就是加了border的红色区域。缺导致了问题1.

最后想起来给整个滚动的区域加个padding-bottom:380rpx;就好啦

相关推荐
我叫汪枫8 小时前
解决微信小程序中 Flex 布局下 margin-right 不生效的问题
微信小程序·小程序
G佳伟16 小时前
微信小程序带数组参数跳转页面,微信小程序跳转页面带数组参数
微信小程序·小程序
胡斌附体16 小时前
uniapp与微信小程序开发平台联调无法打开IDE
微信小程序·小程序·uni-app·联调·联网
程序员阿龙17 小时前
基于微信小程序的云校园信息服务平台设计与实现(源码+定制+开发)云端校园服务系统开发 面向师生的校园事务小程序设计与实现 融合微信生态的智慧校园管理系统开发
微信小程序·小程序·小程序开发·云校园平台·校园信息化·学生服务系统
胡斌附体17 小时前
小程序使用npm包的方法
前端·小程序·npm·使用方法
说私域20 小时前
用户资产化视角下开源AI智能名片链动2+1模式S2B2C商城小程序的应用研究
人工智能·小程序·开源·流量运营
说私域20 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的企业组织生态化重构研究
人工智能·小程序·开源·零售
说私域1 天前
定制开发开源AI智能名片S2B2C商城小程序:数字营销时代的话语权重构
人工智能·小程序·开源·零售
Simon—欧阳1 天前
微信小程序真机调试时如何实现与本地开发环境服务器交互
服务器·微信小程序·小程序
说私域1 天前
基于开源AI大模型AI智能名片S2B2C商城小程序源码的私域流量运营与内容定位策略研究
人工智能·小程序·开源·产品运营·流量运营·零售