首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >无法在iframe中容纳整个HTML内容

无法在iframe中容纳整个HTML内容
EN

Stack Overflow用户
提问于 2018-07-31 03:54:00
回答 2查看 90关注 0票数 0

我正在工作的一个网站有一个问题--主要是我似乎不能把一个HTML文档放到一个占据整个页面的iframe中。我还使用angular来获取html文档,这就是src。这就是页面现在的样子:

1) https://gyazo.com/f5cb06ede5fc0b6da99f49dfd8e32d5f 2) https://gyazo.com/c9ad51e9bfaa12fedc4e1c2dbcbb7b42

请注意,这里有一个滚动条,这是我的问题。如何摆脱滚动条并显示网页内容,使其在没有滚动条的情况下完全扩展?下面是我的代码以供参考:

 <iframe id="content" [src] = "recipeHTML | safe">

 </iframe>

      <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
      <script type='text/javascript'>

    $(function(){

        var iFrames = $('iframe');

        function iResize() {

            for (var i = 0, j = iFrames.length; i < j; i++) {
            iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
            }

            if ($.browser.safari || $.browser.opera) { 

            iFrames.load(function(){
                setTimeout(iResize, 0);
            });

            for (var i = 0, j = iFrames.length; i < j; i++) {
                    var iSource = iFrames[i].src;
                    iFrames[i].src = '';
                    iFrames[i].src = iSource;
            }

            } else {
            iFrames.load(function() { 
                this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
            });
            }

        });

</script>

非常感谢

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51601359

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档