uniapp onReachBottom 不触发

官网

如果你在使用 onReachBottom 的时候没有触发,就看看那个页面有没有出现滚动条,没有就不会触发

因为 view 没有高度(百分百也不行),然后就调用不到 onReachBottom 这个钩子

page {
		height: initial;
		overflow-y: initial;
		min-height: 100vh;
	}

其实配不配置 onReachBottomDistance 都没关系的(个人觉得)

initial 关键字用于设置 CSS 属性为它的默认值

initial 关键字可用于任何 HTML 元素上的任何 CSS 属性

initial

  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
### 回答1: 可能是以下原因导致onreachbottom触发: 1. 页面内容不够长,没有滚动条,无法触发onreachbottom事件。 2. onreachbottom事件绑定的元素不正确,需要确保绑定的元素是可以滚动的。 3. 页面中存在fixed或absolute定位的元素,会影响滚动条的高度,导致onreachbottom事件无法触发。 4. 可能是代码逻辑问题,需要检查代码是否正确。 建议检查以上几点,如果还有问题可以提供更多细节信息,以便更好地解决问题。 ### 回答2: uniapp是一个跨平台的前端框架,可以开发多种不同的应用程序。其中,onReachBottom事件是用于监听页面滚动到底部时触发的事件。如果onReachBottom事件不触发,可能存在以下几种可能性。 1. 页面内容不够长: 当页面内容不够长时,可能不会触发onReachBottom事件。因此,需要确保页面内容足够长。 2. 监听的页面元素不正确:onReachBottom事件监听的是页面滚动到底部时的元素。如果监听的元素不正确,可能会导致事件无法触发。因此,需要确保正确监听页面滚动到底部的元素。 3. 事件绑定不正确:如果onReachBottom事件没有正确绑定到相应的元素上,可能会导致事件无法触发。因此,需要确保绑定onReachBottom事件到正确的元素上。 4. 代码问题: 在开发过程中,可能存在代码问题导致onReachBottom事件无法触发。例如,可能存在业务逻辑错误、API调用错误等等。因此,需要检查代码并修复问题。 总之,解决onReachBottom事件不触发的问题需要仔细检查代码、页面内容以及事件绑定等方面,并确保没有出现错误。同时,对于各类其他问题,也需要进行逐一排查,找到问题根源并进行相应的修复。 ### 回答3: Uniapp onreachbottom触发的原因可能有很多,以下是几个常见的问题和解决方法: 1. 需要在页面配置文件中开启onReachBottomDistance属性:在页面配置文件(.json文件)中,需要同时设置onReachBottom和onReachBottomDistance属性。其中,onReachBottom是监听上拉触底的方法,而onReachBottomDistance则是设置页面距离底部多少距离时触发上拉事件。 2. 页面高度不足以触发onReachBottom事件:可能是因为该页面内容太少,导致滚动条没有达到页面底部。需要在页面中增加足够的内容,或者通过CSS设置高度,使滚动条能够达到页面底部。 3. 使用组件中的onReachBottom属性:如果页面使用了组件(例如scrollview、swiper等),需要在组件中添加onReachBottom属性,而不是在页面中添加。 4. 页面不存在scroll-view或者page-meta标签没有指定viewport-fit属性:在使用uni-app框架的时候,在页面上下有scroll-view才能实现下拉刷新,上滑加载等功能,如果页面不存在scroll-view标签,就无法触发onReachBottom事件。同时,在非全屏加载的页面下,需要在page-meta标签下添加viewport-fit=cover来解决。 如果以上的处理方法均不能解决问题,则需要仔细检查代码中是否有其他问题。安装调试工具和查看控制台的错误信息也能够帮助我们查出问题所在。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值