分享好友 教程首页 教程搜索 频道列表

iframe自适应屏幕高度

2021-08-12 13:344920
+关注29
核心提示:这个需求一般用于移动端htmliframeid=idididsrc=https://hao.360.cn/iframeJS部分s...

这个需求一般用于移动端

html

<iframe id="ididid" src="https://hao.360.cn"></iframe>


JS部分

<script type="text/javascript">
function autoHeight(){
if (window.innerHeight){//FF
nowHeight = window.innerHeight;
}else{
nowHeight = document.documentElement.clientHeight;
}
var jianHeight = 0; //随padding值改变
if(nowHeight > jianHeight){
document.getElementById('ididid').style.height = nowHeight - jianHeight + 'px';
}else{
document.getElementById('ididid').style.height = jianHeight + 'px';
}
}
autoHeight();
window.onresize = autoHeight;
</script>


本文标签: #嵌入 #高度 #全屏 #自适应
整理员:小黑
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

iframe自适应高度(随内容高度变化)

    iframe自适应高度

网络转载 JS相关2021-12-04

下一篇
我来说两句
抢沙发