乐安网站建设织梦网站开发语言

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