#Uniapp: onReachBottom页面触底的事件回调

onReachBottom页面触底的事件回调

定义

页面上拉触底事件触发时距页面底部距离,单位只支持px,详见页面生命周期

可在pages.json里定义具体页面底部的触发距离onReachBottomDistance

js 复制代码
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/message/message",
			"style": {
				"navigationBarTitleText": "信息",
				"enablePullDownRefresh": true,
				"onReachBottomDistance": 200, // 页面触底的距离
				"navigationBarBackgroundColor": "#00ff00",
				"h5": { // h5页面特定样式
					"titleNView": {
						"backgroundColor": "#ffff00"
					}
				}
			}
		}]

比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。

如使用scroll-view导致页面没有滚动,则触底事件不会被触发。scroll-view滚动到底部的事件请参考scroll-view的文档。

事件

js 复制代码
onReachBottom() {
			console.log('xiaoo')
		}
相关推荐
耶啵奶膘11 小时前
uni-app头像叠加显示
开发语言·javascript·uni-app
chéng ௹11 小时前
uniapp 封装uni.showToast提示
前端·javascript·uni-app
吴传逞13 小时前
记一次uniapp+nutui-uniapp搭建项目
uni-app
雪芽蓝域zzs15 小时前
uni-app倒计时公共组件 封装,倒计时组件
uni-app
2501_9159184118 小时前
iOS 开发全流程实战 基于 uni-app 的 iOS 应用开发、打包、测试与上架流程详解
android·ios·小程序·https·uni-app·iphone·webview
黑马源码库miui5208618 小时前
JAVA同城打车小程序APP打车顺风车滴滴车跑腿源码微信小程序打车源码
java·微信·微信小程序·小程序·uni-app
清风细雨_林木木1 天前
uni-app 和 uni-app x 的区别
uni-app
iOS阿玮1 天前
期待iOS开发者加入,共同抵制“苹果税”反垄断招募令!
uni-app·app·apple
普通网友1 天前
支持二次开发的代练App源码:订单管理、代练监控、安全护航功能齐全,一站式解决代练护航平台源码(PHP+ Uni-app)
安全·uni-app·php
蜕变菜鸟1 天前
uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。
uni-app