我的 Facebook iframe 应用在底部被截断

【问题标题】：My Facebook iframe app is cut off on the bottom我的 Facebook iframe 应用在底部被截断
【发布时间】：2012-05-05 05:03:09
【问题描述】：

在新的 Facebook 时间线之前，我的应用程序会在底部被截断。我使用下面的代码解决了这个问题，并且成功了。

window.fbAsyncInit = function() {
FB.Canvas.setAutoResize(); }; (函数() { 变量 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); }());

现在，问题又回来了，我很茫然。我尝试了这个论坛中解释的几种技术（autogrow、setsize），但似乎无法让它发挥作用。我会很感激你能朝我的方向扔的任何骨头。我主要使用 Chrome 和 Firefox。

链接到我的应用程序： http://www.facebook.com/NACoDC/app_136524766420341

【问题讨论】：

标签： iframe facebook-apps

【解决方案1】：

我现在可以使用以下方法执行此操作两次：

将此添加到您的 html 文档的标题中：

<div id="fb-root"></div>
        <script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>

在正文上方输入此代码关闭

    <script type="text/javascript">
    window.fbAsyncInit = function() {
    FB.Canvas.setAutoResize( 100 );
    }
    // Do things that will sometimes call sizeChangeCallback()
    function sizeChangeCallback() {
    FB.Canvas.setSize({ width: 520, height: 2400 });
    }
    </script>

在您的应用设置中 => 高级设置画布高度为固定 800 像素。

这对我有用。

【讨论】：