view 判断显示 微信_微信小程序怎么判断元素在可视区域?

小程序的比较简单:

dom.top 元素距离视窗顶部的距离 注意随着滚动变化。

dom.height 元素的高度。

windowHeight 视窗的高度。

如果元素的top在视窗高度范围内 就证明在可见区域。

if( el.top0 ){ 就可以了判断了 }

再严谨一些 加上元素自身的高度。

if( el.top 0 ){在范围内

}

变量通过以下两个方式获取://屏幕的高度

var SystemInfo = wx.getSystemInfoSync()  console.log(SystemInfo.windowHeight)

//元素的高度

var query = wx.createSelectorQuery();    //选择id

var that = this;

query.select('#yuyue').boundingClientRect(function (rect) {       console.log('元素的:'+rect.top)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值