2

我有这个 Facebook 应用程序配置文件页面:

http://www.facebook.com/developers/editapp.php?app_id=122313254494566#!/apps/application.php?id=122313254494566

这与我基于 iframe 的 Facebook 应用程序 Gem Spinner 相关联:

http://apps.facebook.com/gemspinner/

我所看到的是,根据窗口高度,我的 iframed 内容将以固定高度和滚动条出现,而不是像我一样顺着页面向下流动(必要时从页面底部流出)想。当我缩短窗口时,会出现滚动条;当我使窗口更高时,滚动条消失。我的理解是 Facebook 确定了这个高度并添加了滚动条(但也许我错了)。无论如何,我将不胜感激任何帮助理解这一点并让我的内容在必要时顺着页面流动。

4

1 回答 1

1

好吧,我做了一些事情来让它工作。

(1) 在我的应用程序设置中,在 Facebook 集成选项卡下的 IFrame 大小下,我选择了自动调整大小而不是显示滚动条。

(2) 我加载了 Facebook 连接 API(见下面的代码)。

(3) 我在两个不同的地方调用了 FB.Canvas.setAutoResize(100)。我调用了两次,因为我不清楚哪个位置可以更快地生效。在早期测试中,我看到 iframe 高度开始变短(可能 800 像素高),然后增长到我的内容的完整大小(可能 1100 像素高)。在随后的测试中,iframe 会立即调整大小,所以我看不到这两种状态。所以我对这里的时间/机制并不完全清楚。

  <body>
    <div id="fb-root">
    </div>
    <script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
    <script type="text/javascript">
      FB.init({
        appId  : 'your app id here',
        status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the session
        xfbml  : false  // parse XFBML
      });
      FB.Canvas.setAutoResize( 100 );
    </script>

    ... the rest of the page body goes here ...

    <script type="text/javascript">
      FB.Canvas.setAutoResize( 100 );
    </script>
  </body>
于 2010-11-11T09:26:07.323 回答