获取相应浏览器内容的高度后赋值给相应的div

最新推荐文章于 2024-05-13 14:43:54 发布

chun123457

最新推荐文章于 2024-05-13 14:43:54 发布

阅读量2.5k

点赞数

分类专栏：自己写的js 文章标签： div自适应浏览器高度获取浏览器内容高度

本文链接：https://blog.csdn.net/chun123457/article/details/24295137

版权

自己写的js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在做地图的时候上面是搜索条件，点击搜索后下面自动弹出具体路线，此时就会不好控制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属性就不消失。