微信小程序节点查询wx.createSelectorQuery()的使用

微信小程序操作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、如有查询节点需求可以用延时方法或者操作事件来获取。

  • 0
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值