2012-04-05 47 views
1

我的Facebook应用iframe高度卡在800px。我已将它设置在Facebook开发人员的应用管理面板中2800的固定高度。一些叫做.canvas_iframe_util的风格cladd将它设置为800px,我不能改变它或编辑它。我假设它从Facebook进入。任何人有任何想法?fb框架高度卡住在800px

非常感谢

回答

1

我有同样的问题,在做了大量的R & DI ca我为以下解决方案适用于不同的浏览器。所以我为所有浏览器实现了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); 
}() 
); 

1

尝试使用此功能,并为隐藏

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

body{ 
    overflow:hidden; 
} 

和千万记得要改变高度流体在管理面板中设置体溢出

+0

简单到如此地步。 – 2013-04-30 16:19:23