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

Random_index2024-01-24 21:48

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')
		}