goAnchorPoint: function(e) {
//1、返回一个查询实例
const query = wx.createSelectorQuery();
//2、选择要跳转的节点id
query.select('#priceInfo').boundingClientRect();
//3、获取显示区域的尺寸、滚动等位置等信息,然后添加节点的滚动位置查询
query.selectViewport().scrollOffset();
//4、执行跳转
query.exec((res) => {
//5、res[0]是步骤2中的数据,res[1]是步骤3中的数据
if (res[0] && res[1]) {
//6、将页面滚动到目标位置
wx.pageScrollTo({
//7、计算滚动到目标的位置
scrollTop: res[0].top + res[1].scrollTop,
duration: 300
})
}
});
}
小程序跳转到指定节点,锚点效果,非scroll-view实现
最新推荐文章于 2023-07-09 13:41:00 发布