内容宽度变化的iframe高度自适应

Bertha 。 2023-10-22 06:23 232阅读 0赞 
  1. <iframe src="backtop.html" frameborder="0" scrolling="no" id="test" onload="this.height=100"></iframe>
  2. <script type="text/javascript">
  3. function reinitIframe(){
  4. var iframe = document.getElementById("test");
  5. try{
  6. var bHeight = iframe.contentWindow.document.body.scrollHeight;
  7. var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
  8. var height = Math.max(bHeight, dHeight);
  9. iframe.height = height;
  10. console.log(height);
  11. }catch (ex){}
  12. }
  13. window.setInterval("reinitIframe()", 200);
  14. </script>

发表评论

表情：
评论列表 （有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

    相关 iframe高度自适应

    前提：父页面是功能选项，固定在网页上。在网页留出的空白部分，用于嵌套子页面 为了美观和用户体验，子父页面共用子页面的纵向滚动条，且子页面的内容是变化的，所以要设置iframe

    - 日理万妓- 日理万妓/ 0 赞/ 114 阅读

    相关 iframe自适应高度

    [JS][]自适应高度，其实就是设置[iframe][]的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的，

    落日映苍穹つ落日映苍穹つ/ 0 赞/ 408 阅读