uniapp中使用pageScrollTo让页面滚动到固定节点或距离

本文主要是介绍uniapp中使用pageScrollTo让页面滚动到固定节点或距离，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

uniapp中使用pageScrollTo让页面滚动到固定节点或距离

思路：计算当前节点距离顶部的距离+滚动距离然后使用pageScrollTo进行滚动（要保证页面加载完成之后在执行）

#topic" + id ：页面的节点

changeTop(id) {let query = uni.createSelectorQuery().in(this);query.selectViewport().scrollOffset();query.select("#topic" + id).boundingClientRect().exec((res) => {let scrotop = res[0].scrollTop + res[1].top - 5;uni.pageScrollTo({scrollTop: scrotop,duration: 500});})}

这篇关于uniapp中使用pageScrollTo让页面滚动到固定节点或距离的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---