Facebook Canvas 应用程序 iFrame 大小 Showscrollbars 问题答案

【问题标题】：Facebook Canvas Application iFrame Size Showscrollbars IssueFacebook Canvas 应用程序 iFrame 大小 Showscrollbars 问题
【发布时间】：2011-04-13 15:43:40
【问题描述】：

我在我的 ASP.net 应用程序中使用 Facebook C# SDK。我有一个 iFrame 应用程序，其 iFrame Size 设置为 Showscrollbars。该应用程序直到昨天都运行良好，但今天 iFrame 没有拉伸到它的宽度（来自文档 Facebook 的 iFrame 宽度是 760px Link here）。我的应用程序宽度中的页面设置为 95%。所以我认为这不是我的应用程序中的宽度问题。。我必须为我的应用程序使用 Showscrollbars 选项。 facebook 是否更改了 iFrame 应用程序的任何设置？请帮忙。

更新看起来 facebook 破坏了某些东西，或者他们正试图摆脱滚动条选项。我必须更改我的应用程序以使用 AutoResize 选项。我对我的 asp.net 应用程序进行了以下更改，它工作正常，除了一个问题（见问题底部）

<head runat="server">
  <title></title>
  <script type="text/javascript">
    window.fbAsyncInit = function () {
      FB.Canvas.setAutoResize();
    };
  </script>
</head>
<body>
<div id="fb-root"></div>
  <script src="//connect.facebook.net/en_US/all.js"></script>
  <script>
     FB.init({
                appId: '12345678', //replace with your facebook appid
                cookie: true,
                status: true,
                xfbml: true
              });
  </script>
</body>

当内容增加时，iFrame 会垂直拉伸。这很酷，但是问题是Read Here on StackOverflow。我正在做。如果有人知道，请告诉我。

【问题讨论】：

我也有同样的问题。昨天工作正常:-(
Facebook 已经断断续续地为我们的应用程序打破了这几周。有一个错误提交给他们，他们显然正在努力解决。

标签： facebook iframe facebook-graph-api facebook-c#-sdk facebook-iframe

【解决方案1】：

我遇到了同样的问题，并在 iFrame 页面中用这个简单的 CSS 修复了它

主体{溢出：隐藏；}

一切都很好，没有任何中断。只是摆脱那些讨厌的滚动条！这听起来确实像一个错误，在除 FF 3.6 之外的所有其他浏览器中都能正常工作添加上述内容还具有在加载时不会立即显示滚动条的优点。

【讨论】：

这是针对 ShowScrollbar 选项或 AutoResize 选项的 CSS 修复吗？

【解决方案2】：

使用下面的代码，它适用于我所有的 iframe 应用 :)

<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
    FB.init({
        appId: '123456789',
        status: true,
        cookie: true,
        xfbml: true
    });
    FB.Canvas.setAutoResize();

    FB.Array.forEach([200, 600, 1000, 2000, 5000, 10000], function(delay) {
        setTimeout(function() {
            FB.Arbiter.inform("setSize", FB.Canvas._computeContentSize());
        }, delay)
    });
</script>

【讨论】：

当调整大小的需求越来越高时，这对我有用，但是如果我进入一个调整了很多大小的大页面，然后转到另一个不需要调整大小的页面，因为它可能适合 whitout滚动条，它没有，滚动条仍然存在，我的页面很大。这是否发生在你们所有人身上？有什么解决办法吗？