微信小程序获取节点的位置和信息+设置滚动条的位置
1.
wx.createSelectorQuery().select('#scroll').boundingClientRect(function(rect){
console.log(rect.top) // 距离顶部滚动条位置
let stop = rect.top;
if(that.data.stop == 0) {
that.setData({ stop: stop })
}
// 设置滚动条的位置
wx.pageScrollTo({ scrollTop: Number(stop)})
}).exec()
let query = wx.createSelectorQuery()
query.select('#scroll').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(function (res) {
console.log(res)
// res[0].top // 节点的上边界坐标
// res[1].scrollTop // 显示区域的竖直滚动位置
let top = res[0].top;
let scrollTop = res[1].scrollTop;
if(scrollTop != 0) { top = Number(top + scrollTop) }
// 设置滚动条的位置
wx.pageScrollTo({
scrollTop: Number(top) -90
})
})