使用js将div高度设置为100%
2024-09-29 21:31:29
在开发的工程中使用到了一些开源的bootstrap模板进行开发，在遇到一些需要替换的内容部分部分时，经常出现高度设置100%无法生效的问题，这里来用js强行设置一下。
思路：js监听窗口的缩放行为，然后动态获取浏览器的窗口可见大小，然后如果你的页面有页头页尾的话，掐头去尾，得到的就是内容部分100%时的高度，赋值进去便可。
代码：
window.onload=function(){
changeDivHeight();
}
//当浏览器窗口大小改变时，设置显示内容的高度
window.onresize=function(){
changeDivHeight();
}
function changeDivHeight(){
var h = document.documentElement.clientHeight;//获取页面可见高度
document.getElementById("framediv").style.height=h-102+"px";//掐头去尾，减去100px
}
试试看？！
最新文章
- 【转】搞清FastCgi与PHP-fpm之间的关系
- C#中的 正则表达式
- java 12-1 StringBuffer类
- PLSQL_性能优化效能跟踪工具SQL Trace分析（案例）
- sendmessage()模拟鼠标点击
- mysql的point类型查询处理
- Android项目开发全程（四）-- 将网络返回的json字符串轻松转换成listview列表
- swift学习 - tableView自适应高度1（xib autoLayout）
- win10 uwp 简单MasterDetail
- Linux中的查找命令find
- sql自动生成golang结构体struct实体类
- nginx配置负载均衡
- java基础hashmap
- dbus 消息和消息总线实例讲解-一
- MongoDB高可用集群搭建（主从、分片、路由、安全验证）
- TP5 模型事务操作
- Learning from delayed reward (Q-Learning的提出) （Watkins博士毕业论文）（建立了现在的reinforcement Learning模型）
- Thunder-Final冲刺中间产物-2017秋-软件工程第十二次作业
- nyoj116 士兵杀敌（二）树状数组 插点问线
- 6、Spring Cloud -熔断器Hystrix