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

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

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

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

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

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

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

相关推荐
暮雨哀尘14 小时前
微信小程序开发:微信小程序组件应用研究
算法·微信·微信小程序·小程序·notepad++·微信公众平台·组件
狂团商城小师妹15 小时前
经销商订货管理系统小程序PHP+uniapp
微信·微信小程序·小程序·uni-app·php·微信公众平台
ckx666666cky19 小时前
支付宝关键词排名优化策略:提升小程序曝光的关键
大数据·搜索引擎·小程序·支付宝小程序·支付宝关键词排名优化·支付宝排名优化
_oP_i20 小时前
小程序中过滤苹果设备中的表情(即 emoji)
小程序
然后就去远行吧21 小时前
小程序API —— 56页面处理函数 - 下拉刷新
小程序
ALLSectorSorft1 天前
打车APP订单系统逻辑梳理与实现
小程序·订单系统·打车app
低代码布道师1 天前
加油站小程序实战教程01首页搭建
低代码·小程序
Yima_Dangxian1 天前
小程序某点餐平台全自动化实现思路
python·小程序·自动化
拖孩1 天前
用空闲时间做了一个小程序-文字转语音2.0(语音播放进度条)
小程序