facebook - iframe 高度问题

Question

我知道这个主题已被多次询问和回答，但请相信我已经花了很多时间寻找有用的帮助和答案，并且/或者我真的可以理解。

这是同一个问题:我已经想出如何为其添加自定义选项卡甚至自定义图标(我真的很高兴能够做到这一点!)。但是，根据许多其他的帮助请求，它有可怕的滚动条。我和其他人一样，希望它流过它有限的 800 像素大小。我对此有几种不同的修复方法，有些我尝试过但没有成功，有些只是在我脑海中闪过，我根本不明白正在写什么，它去哪里以及需要在其中编辑什么。

非常感谢有人花时间引导我完成整个过程并解释什么是什么以及如何做。

在此处查看页面:http://www.bronts.com/bronts_facebook/index.html

在此处查看 Facebook 内的页面:http://www.facebook.com/pages/brontscom/191839754181703

Answer 1

您将需要使用 javascript sdk 来自动调整 pagetab 应用程序中的 iframe。为此，您需要一个应用程序 ID。引用https://developers.facebook.com/docs/reference/javascript/

FB.Canvas.setAutoResize();设置 Canvas 的高度。

这是我的应用程序的工作示例。 http://www.facebook.com/apps/application.php?id=135669679827333&sk=app_135669679827333

注意:setAutoResize();将更改为 setAutoGrow();

另外:您可能需要减小图像的宽度，直到自动调整大小后才能确定。

------------ 我使用它并在我的文档的 标签下方添加。

      <div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        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  : true, // parse XFBML
    //channelUrl : 'http://WWW.MYDOMAIN.COM/channel.html', // channel.html file
    oauth  : true // enable OAuth 2.0
        });
/* sets auto size to app canvas and page tab app. */
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>