div自适应窗口高度

<script type="text/javascript">
window.onload = windowHeight;//页面载入完毕执行函数
function windowHeight() {
var h = document.documentElement.clientHeight;//获取当前窗口可视操作区域高度
var bodyHeight = document.getElementById("content");//寻找ID为content的对象(也就是你想要自适应高度的对象)
if (h < 598){//因为前边是获取的当前窗口的可视操作区域的高度 所以当调小窗口的时候 会造成不美观


h = 598 ;
 bodyHeight.style.height = (h-289) + "px";// +“px” 是解决 firefox不识别 bodyHeight.style.height =h。289数字可以根据需要更改!
}
else bodyHeight.style.height = (h-289) + "px";

}
setInterval(windowHeight,500)//每半秒执行一次windowHeight函数

</script>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值