uni-app 实现锚点跳转方法

将uniapp的uni.createSelectorQuery()方法与uni.pageScrollTo(OBJECT)方法结合使用

更详细用法见官方文档：
uni.createSelectorQuery()方法： https://uniapp.dcloud.io/api/ui/nodes-info?id=createselectorquery
uni.pageScrollTo(OBJECT)方法： https://uniapp.dcloud.io/api/ui/scroll?id=pagescrollto

 

核心代码：

//从当前位置到达目标位置
uni.createSelectorQuery().select('.comment-content').boundingClientRect(data => { //目标位置的节点：类或者id
	uni.createSelectorQuery().select(".arc-content").boundingClientRect(res => { //最外层盒子的节点：类或者id
		uni.pageScrollTo({
			duration: 100, //过渡时间
			scrollTop: data.top - res.top, //到达距离顶部的top值
		})
	}).exec()
}).exec();

示例： （上面的滚动条是uview插件）