微信小程序操作dom节点——wx.createSelectorQuery()
使用场景:页面滑动到dom节点时,需要执行一些操作
var query = wx.createSelectorQuery();//创建节点查询器 query
query.select('#id').boundingClientRect()//选择Id=id的节点,获取节点位置信息的查询请求
query.selectViewport().scrollOffset()//获取页面滑动位置的查询请求
query.exec(function(res){
console.log('需要滚动的高度:', res);
res[0].top // #the-id节点的上边界坐标
res[1].scrollTop // 显示区域的竖直滚动位置
if(res[0].top < 20){
//执行操作
}
})
注意事项:
1、 wx.createSelectorQuery(),在页面响应事件中并不能查询到节点信息。
2、如有查询节点需求可以用延时方法或者操作事件来获取。