uni-app:onPageScroll没有调用

在uni-app开发中,如果onPageScroll未被触发,可能是因为内容高度不足导致页面无法滚动。将height:100vh改为min-height:100vh可解决,但可能限制滚动。使用scroll-view组件并通过@scroll监听滚动也是一个替代方案。
摘要由CSDN通过智能技术生成

在使用uni-app开发过程中,遇到过这样一个问题,onPageScroll这个页面生命周期函数在页面滚动的时候,始终没有调用触发过,导致有一些操作或者方法函数无法实现,经过实践求证,得到了一下的解决办法,希望可以可以帮助大家:

        onPageScroll页面生命周期函数能够触发,出现这个原因是因为页面的主体内容没有超过浏览器的内容高度,这样会导致页面无法滚动,所以onPageScroll这个函数不会触发,那么我们可以把heght:100vh改成min-height:100vh,这样onPageScroll函数就可以触发了,但是这样会导致页面滚动到某个位置,就不能继续滚动了(本项目是套壳,不知道是不是套壳的原因,请大神指点一下)

        如果你想监听本页面的滚动,也可以使用scroll-view组件,可以通过@scroll来实现页面滚动的监听!

(记录一下自己的成长经历,大神轻喷)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值