1.场景:
在某些情况下需要用到某个元素距离顶部的距离。
1.1场景一:
例如在某些小程序的详情页,由于页面展示的内容特别多,页面有好几屏的高度,辣么庞大的数据量,放在一个接口里显然是不合理的(小程序setData有1024大小限制;如果数据太大请求时间会比较长用户的页面等待时间特别长,总之一句话用户体验不好),所以就需要把接口分开为几个,同时小程序对于页面的进程数有限制(好像是5个还是几个),一次不能并发超过这个进程数量(因为页面还有一些其他请求,例如登录检测,例如pv和av的统计等等,可能会超过这个请求数)的请求,不然小程序内部机制会将超过的进程屏蔽掉,换言之,如果用户不想往下滚动,你一次请求这么大的数据量会太费用户数据流量(虽然现在大多数用户流量充足,但有些还是没那么多),体验也比较差。所以最好是,用户往下滚动了一个距离,我们再加载后续页面的数据才是比较合理的。
1.2 场景二:
在某些页面,需要做页面快捷导航,点击快捷导航,滚动到对应的高度的楼层位置,此时就需要用到获取元素距离顶部的高度问题。
2.查询小程序api文档,确实有方法可以获取,点击直接进入官网
3.代码演示:
3.1wxml