前端关于iframe高度自适应总结
2017-05-25 16:54
316 查看
通过查阅资料大概网上方法都是通过js获取内容页面高度,代码如下(JQuery):
$(function(){
$(#iframeId).load(function(){var
height=$(this).content.find(body).height;
$(this).height(height)
});
})
经过实践发现并不能够完全奏效。
下面我通过另一种方式可以实现:讲iframe默认高度设置位当前设备高度,然后通过overflow-y:hidden将本页面的下拉条隐藏,然后再将iframe的scrolling属性设置为yes,可以到达自适应效果。--------------Wz_前端的笔记
$(function(){
$(#iframeId).load(function(){var
height=$(this).content.find(body).height;
$(this).height(height)
});
})
经过实践发现并不能够完全奏效。
下面我通过另一种方式可以实现:讲iframe默认高度设置位当前设备高度,然后通过overflow-y:hidden将本页面的下拉条隐藏,然后再将iframe的scrolling属性设置为yes,可以到达自适应效果。--------------Wz_前端的笔记
相关文章推荐
- 关于iframe自适应高度的方法总结
- 网上收集的关于iframe的自适应高度代码js的
- JS 关于浏览器之间 scrollHeight offsetHeight (比如 iframe自适应高度时...)
- 关于IFRAME 自适应高度的研究-表单特效
- 关于iframe的高度自适应问题(js)
- 关于IFRAME 自适应高度的研究
- 既然在 关于动态写入表格问题的扩展 中提到了iFrame,咱就不能不说说iFrame高度自适应问题
- 关于IFRAME 自适应高度的研究
- 关于iframe自适应高度,解决一个iframe动态改变url,改变页面同时解决高度自适应问题
- 关于iframe自适应高度的做法 在同一个域下面
- 关于iframe在chrome自适应高度兼容性问题
- 关于IFRAME 自适应高度的研究
- 网页布局中iframe高度自适应问题总结
- 关于IFRAME 自适应高度的研究
- 关于IFRAME 自适应高度的研究
- 关于iframe的自适应高度问题
- 关于IFRAME 自适应高度的研究
- 关于IFRAME 自适应高度的研究(转)
- 关于iframe的高度自适应问题(js)
- 关于有ajax 请求的iframe自适应高度问题