Question

我的Facebook应用iframe高度卡在800px。我在Facebook开发者的应用管理面板中设置了固定高度2800。一些名为.canvas_iframe_util的样式将其设置为800px，我无法更改或编辑它。我假设它从facebook进来。有人想过吗？

非常感谢

Answer 1

尝试使用此功能并将身体溢出设置为隐藏

window.fbAsyncInit = function() {
    FB.Canvas.setSize({ width: xx, height: XX });
}

和

body{
  overflow:hidden;
}

并且记得在管理面板中将高度更改为流体

Answer 2

我遇到了同样的问题，经过大量的R＆amp; D后，我为不同的浏览器提出了以下解决方案。所以我为所有浏览器实现了html和body的不同样式。它现在在每个浏览器上工作：）

<?php
$u_agent = $_SERVER['HTTP_USER_AGENT'];
if(preg_match('/Firefox/i',$u_agent))
{
 $style_overflow = "overflow:hidden;";
}
else
{
    $style_scroll = "scroll='no'";
}
?>

<html style="<?php echo $style_overflow; ?>" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns='http://www.w3.org/1999/xhtml'>
<!---other html code -->
<body style="<?php echo $style_overflow; ?>" <?php echo $style_scroll;?>>       

<script>
var fbAppId = '<?php echo FB_APP_ID?>';

window.fbAsyncInit = function()
{
    FB.init(
        {
            appId: '<?php echo FB_APP_ID ?>',
            status:true,
            cookie: true,
            xfbml: true, 
            oauth: true
        }
    );


     function sizeChangeCallback() {

        FB.Canvas.setAutoGrow();
    }
     FB.XFBML.parse();

     FB.Canvas.setAutoGrow(); 


};
(function()
{
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
    '//connect.facebook.net/en_US/all.js'; //hi_IN for language plugins
    document.getElementById('fb-root').appendChild(e);
}()
);

fb框架高度卡在800px

2 个答案: