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();
},
完事~