您的当前位置:首页正文

小程序获取当前元素在屏幕中的位置

2024-11-11 来源:个人技术集锦

wxml:

<view class="usermotto" style="height:213px;" id='the-id'/>
复制代码

js:

const query = wx.createSelectorQuery()
query.select('#the-id').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(function (res) {
  res[0].top // #the-id节点的上边界坐标
  res[1].scrollTop // 显示区域的竖直滚动位置
})
复制代码

注意:

参考 :https://developers.weixin.qq.com/miniprogram/dev/api/wx.createSelectorQuery.html

显示全文