重新设置iframe页面的高度

 

开发工具与关键技术：VS、JS

作者：盘耀海

撰写时间：撰写时间：2019年06月06日

iframe页面高度超出window窗口高度出现滚动条：

重新设置高度iframe的高度把多出的的高度调整使滚动条不出现

重新设置当前window的高度 = 设置的高度

获取iframe页面的id，设置window的高度减去超出的高度加上单位px

使用js代码而不用jQuery加载可直接进入页面，window窗口出来时页面不出现滚动条

 

红色剪头为减去的合适高度：

使用iframe加载页面设置iframe页面的宽度和高度最好为100%；同时去掉border边框。

如第一张图出现的滚动条在减去120px时刚好合适（红色框中的值），滚动条消失

——根据iframe浏览器窗口大小调整高度 reSetSize();方法调用 ——reSetSize重新设置高度大小 window.onresize = reSetSize; function reSetSize() {   var windowsHeight = window.innerHeight; 获取iframe的id  document.getElementById("content").style.height = (windowsHeight - 120) + "px";  }