小程序实现a标签描点功能

小程序

小程序描点：直接上干货

<!-- index.xml -->
<navigator url="#app" data-id="app" bindtap="scrollView">查看详情</navigator>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>

<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>

<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>

<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>

<view>
123
</view>
<view>
123
</view>
<view>
123
</view>
<view>
123
</view>

<view>
123
</view>
<view>
123
</view>
<view>
123
</view>

<view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view>
123
</view><view id="app">
123
</view>

// 锚点跳转
  scrollView: function (event) {
    var me = this;
    var query = wx.createSelectorQuery().in(me);
    var id = event.currentTarget.dataset.id;//需要锚点点id
    query.selectViewport().scrollOffset()
    //#comm 跳转到指定id位置
    query.select("#" + id).boundingClientRect();
    query.exec(function (res) {
      console.log(res);
      var miss = res[0].scrollTop + res[1].top - 10;
      wx.pageScrollTo({
        scrollTop: miss,
        duration: 300
      });
    });
  },