onReachBottom不生效的原因(再骂自己一次)

(下面是我的错误心得,着急解决代码的往下面灰色部分看是不是你需要的。每次代码出问题的时候我就知道肯定检查出来那一刻我肯定会骂自己傻*,这么简单的问题!每次我都猜中了,艹!)

之前做页面的时候没有注意细节,欸,在没有数据的情况下我就直接加了下拉刷新的代码,onReachBottom里面调用方法就可以,好简单嘛。

突然昨天测试的时候告诉我,欸,你之前那个页面咋刷不动安。我没有第二页的数据,所以都是凭感觉走的,以为是没有用 onReachBottom(因为之前犯过类似的错),后面发现写了啊,咋个不生效喃?其他页面都可以滚动的嘛。

先是在page.json给了这个页面一个单独的onReachBottomDistance距离发现不生效。

查看了一下uniapp官网说的,应该是没有识别到页面滚动这个问题,于是我就拿onPageScroll去识别了一下,果然没有滚动。(我天,我都查到问题了我居然没有去查CSS最外层!!!扇我自己一巴掌!!!)

都说onReachBottom和scroll-view冲突,欸,真巧,我检查了一下页面有这个玩意儿,于是我就把scroll-view删掉,然后重写了一遍scroll-view之前包含的内容。下午五点半,我的努力依然没有换来页面的下拉刷新,我改了页面部分的无数次!

然后今早头脑清醒了,检查的时候发现,这个页面最外面的class写了一个content,于是我去css文件里面看到了这个东西

.content {
    overflow-y: scroll;
}   

 /*  把上面这个代码删掉,页面就可以恢复正常的滚动,onReachBottom就可以生效。onReachBottom一定是要页面正常滚动它才能识别触不触底 */

呵呵,笑了 

(因为和普罗大众不一样的错法,我把我的惨痛经历给P出来,希望大家借鉴,属实是许久不写页面,宝刀已经老了。这盘碎碎念只能说我对自己不满许久)

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值