如果需要在同一页面内实现锚点定位,可以使用uni.createSelectorQuery获取到目标元素的位置信息,然后调用uni.pageScrollTo方法滚动到该位置。具体步骤如下:
- 在需要跳转到的位置添加一个id属性,如下所示:
<view id="anchor"></view>
- 在点击事件中获取到目标元素的位置信息,并调用uni.pageScrollTo方法滚动到该位置,如下所示:
onClick: function () {
uni.createSelectorQuery().select('#anchor').boundingClientRect(function(rect){
uni.pageScrollTo({
scrollTop: rect.top
})
}).exec()
}
这样就能在同一页面内实现简单的锚点定位了