如何通过判断屏幕高度来显示不确定高度的广告呢？

“如何通过判断屏幕高度来显示不确定高度的广告呢？”这句话儿听着有点儿绕口，但是呢，理解分两步：

（1）判断屏幕高度

（2）显示不确定高度的广告

-------------------------------------就是这样的，下面就来实现哈。

先来看下效果图：

（1）首先使用微信小程序获取手机可视区域屏幕的高度：

demo.wxml  和 demo.js

<block wx:if="{{adShow && adShowStyle == 2}}">
  <ad class='ad-bottom' style="position: absolute;z-index: 99;top:{{ad2_bottom?'':'1080rpx'}};bottom:{{ad2_bottom}}rpx;" unit-id="adunit-6666666666"></ad>
</block>

data(){
    ad2_bottom:''
},
onShow(){
  if (wx.getSystemInfoSync().windowHeight > 672) {
       this.setData({
       ad2_bottom: '0'
    })
  }
}

上述代码的大致理解：

（1）屏幕高度 > 672    长屏手机     广告就得距离屏幕底部定位，bottom : 0

（2）屏幕高度  < 672   短屏手机     广告就得距离屏幕上部定位， top：1080px   （这个数字得自己调试好）

（3）判断top和bottom的时候，可以使用同一个变量控制，这样可以会方便很多。

注： 

''    空字符串返回false

0    返回false

'0'   返回true

标签：bottom,top,高度,672,广告,屏幕
来源： https://blog.csdn.net/Miss_liangrm/article/details/94670773