facebook应用程序选项卡iframe边框问题

Question

我有fb应用程序和一个选项卡，随着内容的增长，滚动条与iframe一起出现，但我不想为内置页框滚动，但我想为整个页面滚动而不是我的框架

Answer 1

您还需要启动计时器来调用autoresize代码。在您的应用程序HTML中：

<div id="fb-root"></div> 
<script type="text/javascript"> 
    //<![CDATA[ 
    window.fbAsyncInit = function() { 
     FB.init({appId: "xxxxxxxxxxxxxxx", 
       status: true, cookie: true, xfbml: true}); 
     FB.Canvas.setAutoResize(); 
    }; 

    (function() { 
     var e = document.createElement("script"); 
     e.async = true; 
     e.src = document.location.protocol + "//connect.facebook.net/en_US/all.js"; 
     document.getElementById("fb-root").appendChild(e); 
    }()); 
    //]]> 
</script> 

上面的代码会每隔100ms检查一次内容大小。如果你想使用不同的时间，你可以通过毫秒为变量：

window.fbAsyncInit = function() { 
    FB.Canvas.setAutoResize(50); 
}; 

如果你的内容大小仅通过一次手动更改内容大小页面加载后不会改变，你可以节省CPU周期：

window.fbAsyncInit = function() { 
    FB.Canvas.setSize(); 
} 

你甚至可以通过所需的尺寸为参数

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

Answer 2

隐藏滚动条最简单的方法是使用 FB.Canvas.setAutoResize（）

请参阅以下文章/教程以获取更多信息。

http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/