iframe高度自适应，取消滚动条

项目中碰到左侧是一个列表，是固定定位，点击不同的列表选项右侧引入不同的iframe地址文件，但是iframe设置属性的时候高度只识别px，设置百分百之类的都无效，并且不想要iframe本身的滚动条，页面只需要一个默认的滚动条。实现效果如下图：

html代码：

css代码：

#dizhi{
width: 100%;
border: 0;
overflow: hidden;

}

js代码：

window.onload = function () {
setIframeHeight(document.getElementById('dizhi'));

};

注意要将函数调用放到window.onload中才会生效。

iframe高度自适应，取消滚动条相关推荐

Iframe高度自适应（兼容IE/Firefox、同域/跨域）
在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...
Iframe高度自适应（兼容IEFirefox、同域跨域）
在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...
CSS完美实现iframe高度自适应（支持跨域）
https://blog.csdn.net/qq_32915337/article/details/79900222 Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用 ...
html iframe自动高度,iframe高度自适应撑开
iframe在div中如何自适应高度 div中的iframe高度和宽度自适应的问题我用bootstrap布局,上边部分为导航菜单,左边为一级菜单. DIV里嵌套Iframe,让Iframe及DIV高 ...
完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的"BUG"就是iframe的高度无法自 ...
真正解决iframe高度自适应问题
1.前言解决iframe高度自适应问题有两种方法 1.pym 2.手动设置iframe的高度本文主要是总结第二种实现方式,因为第一种pym.js插件我没用懂如果使用iframe时,遇到以下的需求 ...
解决iframe高度自适应
解决iframe高度自适应原因第一种方法第二种方法原因 iframe的高度不会随着页面高度的变化而变化,可能会导致页面显示不全,或者页面下方有空白的问题. 第一种方法这个方式更适用于嵌套的页 ...
iframe高度自适应的6个方法【转载】
iframe高度自适应的6个方法 JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹.对于用户体验和网站美观起着重要作用. 如果内容是固定的,那么我们 ...
6种iframe高度自适应的方法
js自适应高度,实际上就是设置iframe的高度,设置等于内嵌网页的高度,从而看不到滚动条和嵌套痕迹.对于用户体验和网站美观起着重要作用.我们可以通过css来给它直接定义一个高度,同样可以实现上面的需 ...
html iframe自动高度,真正解决iframe高度自适应问题
1.前言解决iframe高度自适应问题有两种方法 1.pym 2.手动设置iframe的高度本文主要是总结第二种实现方式,因为第一种pym.js插件我没用懂如果使用iframe时,遇到以下的需求 ...

iframe高度自适应，取消滚动条

iframe高度自适应，取消滚动条相关推荐

最新文章

热门文章