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

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

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

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

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

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

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

相关推荐
菠菠萝宝21 小时前
【AI应用探索】-10- Cursor实战:小程序&APP - 下
人工智能·小程序·kotlin·notepad++·ai编程·cursor
qq_12498707531 天前
基于微信小程序的茶叶茶具销售和管理系统(源码+论文+部署+安装)
微服务·微信小程序·小程序·毕业设计
CDwenhuohuo1 天前
微信小程序里用 setData() 修改数据并打印输出 的几种写法
javascript·微信小程序·小程序
小明记账簿1 天前
微信小程序开发实战:图片转 Base64 全解析
微信小程序·小程序
汤姆yu1 天前
基于微信小程序的粤语文化传播系统
微信小程序·小程序
Q_Q5110082851 天前
python+uniapp基于微信小程序的垃圾分类信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
ducaifeng861 天前
微信小程序:onReady详解
微信小程序·小程序
李纲明1 天前
开发一个小程序花多少钱
微信小程序·wordpress·wordpress外贸站
_jeneen1 天前
小程序 scroll-view 触底事件不触发问题
微信小程序·小程序
2501_915921431 天前
查看iOS App实时日志的正确方式,多工具协同打造高效调试与问题定位体系(2025最新指南)
android·ios·小程序·https·uni-app·iphone·webview