iframe 高度问题

Question

我知道这个话题已被多次询问和回答，但请相信我已经花费了很多时间来寻找有效和/或我能真正理解的帮助和答案。

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

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

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

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

Answer 1

将overflow: hidden; 添加到您的body 并使用jQuery.ScrollTo 在iframe 中导航。

Answer 2

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

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

这是我的应用程序的工作示例。 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>

Answer 3

<script src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() 
{
    FB.init({ appId: '1375268019431848', 
    status: true, 
    cookie: true,
    xfbml: true,
    oauth: true});

    FB.Canvas.setAutoGrow();
    FB.Canvas.setAutoResize();
}
</script>