uniapp 页面滚动到指定dom位置

uniapp 页面滚动到指定dom位置

页面滚动到指定位置,uniapp提供了获取dom对象实例的api和页面滚动的api,结合一下就可以了
文档:
获取对象实例api文档
页面滚动api文档

上代码:

// methods中声明方法,需要滚动的时候调用就行
pageScroll() {
	// 先获取目标dom的实例信息
	// data即为实例信息, data.top, data.left, data.right, data.bottom即为dom的对应坐标
	uni.createSelectorQuery().select('.comments_box').boundingClientRect(data => { 
		// 调用页面滚动的api
		uni.pageScrollTo({
			duration: 300, // 滚动动画过渡时间
			scrollTop: data.top, // 滚动的值
		})
	}).exec();
},

完事~