Question

我正在尝试将游戏集成到我的phpfox社交网络中。来自它的代码是由第三方提供的，就像这样

<script type="text/javascript">
            $(document).ready(function(){               
                $('body').append('<iframe id="crossdomain_frame" src="<?php echo APP_URL; ?>static/crossdomain.php?height=' + document.body.scrollHeight + '&nocache=' + Math.random() + '" height="0" width="0" frameborder="0"></iframe>');
            });     
        </script>

在设置时，框架的高度混乱。我无法理解如何增加身高。在加载时查看页面源代码时，我发现<iframe>在页面中甚至没有height和width属性。有人可以帮忙吗？

P.S您可以打开http://social.techbreeze.in/index.php?do=/apps/4/candy-rush/并使用您的Facebook帐户登录，亲自查看页面的样子。

Answer 1

您可以在将iframe附加到body。，

后使用jquery设置iframe的高度

$(document).ready(function(){               
       $('body').append('<iframe id="crossdomain_frame" src="<?php echo APP_URL; ?>static/crossdomain.php?height=' + document.body.scrollHeight + '&nocache=' + Math.random() + '" height="0" width="0" frameborder="0"></iframe>');
       $('#crossdomain_frame').css('height', $(window).height()+'px');
});

动态增加iframe高度

1 个答案: