wx.createSelectorQuery().select微信小程序获取dom节点位置

1.场景：

在某些情况下需要用到某个元素距离顶部的距离。

1.1场景一：

例如在某些小程序的详情页，由于页面展示的内容特别多，页面有好几屏的高度，辣么庞大的数据量，放在一个接口里显然是不合理的（小程序setData有1024大小限制；如果数据太大请求时间会比较长用户的页面等待时间特别长，总之一句话用户体验不好），所以就需要把接口分开为几个，同时小程序对于页面的进程数有限制（好像是5个还是几个），一次不能并发超过这个进程数量（因为页面还有一些其他请求，例如登录检测，例如pv和av的统计等等，可能会超过这个请求数）的请求，不然小程序内部机制会将超过的进程屏蔽掉，换言之，如果用户不想往下滚动，你一次请求这么大的数据量会太费用户数据流量（虽然现在大多数用户流量充足，但有些还是没那么多），体验也比较差。所以最好是，用户往下滚动了一个距离，我们再加载后续页面的数据才是比较合理的。

1.2 场景二：

在某些页面，需要做页面快捷导航，点击快捷导航，滚动到对应的高度的楼层位置，此时就需要用到获取元素距离顶部的高度问题。

2.查询小程序api文档，确实有方法可以获取，点击直接进入官网

3.代码演示：

3.1wxml