在做地图的时候上面是搜索条件,点击搜索后下面自动弹出具体路线,此时就会不好控制div的高度。原本是设置固定高度,始终有滚动条存在,为了页面展示更好,寻求帮助后自己写了个自适应浏览器高度的js效果。
可以直接先获取浏览器内容的高度,再赋给Height变量,然后获取ID后将值放入设置height中。赋值相应高度后,当内容超过高度时就会出现滚动条,这样页面效果就ok了。代码如下:(要html代码都加载后再运行js)
<script type="text/javascript">
var Height=document.documentElement.clientHeight;
document.getElementById('result').style.eight=Height+'px';
</script>
刚开始我写的时候是 mapid=document.getElementById('result'); 是先给id赋值,然后就写成mapid.style.height=Height+'px';测试了很久,一直没有赋值,在谷歌调试时提示height未定义,寻求帮助后,才知道应该是获取id不能赋值给变量,它的相应css属性就不消失。