adminLte 解决iframe高度问题
2017-12-04 18:35
281 查看
adminLte默认是全局刷新,也就是不存在frame页面,经过修改,可以很容易实现右边内容框用frame实现页面刷新,这样就不需要整个页面全局刷新,点击相应菜单时,只会刷新frame窗口,但是有一个问题就是frame默认高度只有一丁点,百度之后用了自适应也会有各种问题,比如高度只能拉伸不会缩短,在解决的道路上真的是没有一个完美的解决方案,经过自己研究,发现一个非常简单的方法,那就是用js获取window的innerHeight,代码实现window.innerHeight,然后出去顶部的状态栏,以及空白部分,经过测试,窗口高度减去90是最合适的,也可以根据你自己的情况加减,最后调至一个最完美高度,发现任何分辨率都不会有问题!
代码如下:
代码如下:
<div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content container-fluid"> <iframe id="menuFrame" name="menuFrame" src="{:url('admin/index/welcome')}" style="overflow:visible;" scrolling="auto" frameborder="no" height="100%" width="100%"> </iframe> <!-------------------------- | Your Page Content Here | --------------------------> </section> <!-- /.content --> </div>
<script> $("#menuFrame").height(window.innerHeight-90); </script>
相关文章推荐
- jquery ajax应用中iframe自适应高度问题解决方法
- 关于iframe自适应高度,解决一个iframe动态改变url,改变页面同时解决高度自适应问题
- 解决父窗体内Iframe高度自适应问题
- iframe自适应高度问题解决方案
- Iframe自适应页面高度问题的最简单最适用的解决办法
- 自适应高度div内嵌iframe高度被撑开问题解决
- iframe自适应高度完美版解决DOM元素高度变化问题
- easyui tab 加载iframe 高度问题(解决iframe右侧总出两个滚条方法)
- 两段超简单jquery代码解决iframe自适应高度问题(不用判断浏览器高度)
- iframe宽高度自适应问题解决方案
- jquer 修改iframe 高度问题 解决ie下修改iframe高度无效
- javascript解决iframe框架页面自适应高度问题
- 原创,真正解决iframe高度自适应的问题.兼容各浏览器
- 解决iframe高度自适应的问题,兼容各浏览器
- jQuery解决iframe自适应高度问题
- 完美解决iframe的100%高度问题
- jquery ajax应用中iframe自适应高度问题解决方法
- 使用jQuery不判断浏览器高度解决iframe自适应高度问题
- iFrame 跨域高度自适应问题解决
- iframe在ie和firefox中的高度兼容性问题解决