【uniapp】同一页面实现描点定位

如果需要在同一页面内实现锚点定位,可以使用uni.createSelectorQuery获取到目标元素的位置信息,然后调用uni.pageScrollTo方法滚动到该位置。具体步骤如下:

  1. 在需要跳转到的位置添加一个id属性,如下所示:
<view id="anchor">view>
  1. 在点击事件中获取到目标元素的位置信息,并调用uni.pageScrollTo方法滚动到该位置,如下所示:
onClick: function () {
  uni.createSelectorQuery().select('#anchor').boundingClientRect(function(rect){
    uni.pageScrollTo({
      scrollTop: rect.top
    })
  }).exec()
}

这样就能在同一页面内实现简单的锚点定位了

你可能感兴趣的:(uniapp,uni-app)