FB setAutoResize 不适用于 FF

Question

好的，所以我一直在开发一个 FB 应用程序，它可以改变每个页面的高度。我显然在我的应用程序布局中使用了 setAutoResize 函数，并且我有以下内容：

window.fbAsyncInit = function() {
    FB.init({appId: '###', status: true, cookie: true, xfbml: true});
    FB.Canvas.setAutoResize();        
};

它在 IE、Safari 和 Chrome 中工作正常，但在 FF4 中不行。我也用过：

window.setTimeout(function() {
    FB.Canvas.setSize({height: $('body').height()});                
}, 1000);

但也没有运气。以前有人经历过这个吗？提前tnx。 标记

Answer 1

已经提供了答案，但我不妨发布我的问题解决方案。在 Firefox 中，即使您的页面适合，滚动条仍然是 iFrame 的一部分。他们只是没有蓝色滚动条。这增加了大约 20px。

我不认为你的 jQuery 解决方案会起作用，因为 height() 没有考虑边距和填充。也许试试这个。

FB.Canvas.setSize({ height: $(document.body).outerHeight(true) + 20, width: 760 });

Answer 2

我将其添加到我的 css 中，它似乎可以工作（不必破坏我的自动调整大小）：

body {
    margin-top: -20px;
    padding-top: 20px;
}

如果您已经在身体顶部添加了填充，则可能需要为其添加 20px。

我认为这是因为 Firefox 测量身体高度的方式与其他浏览器不同。

在 ff8、chrome16 和 ie9 中测试，没有负面影响。

Answer 3

这听起来可能是一个错误？查看：
http://bugs.developers.facebook.net/show_bug.cgi?id=10889

如果这影响了你，请投票:)

Answer 4

仅供参考！根据 Facebook 开发者路线图 FB.Canvas .setAutoResize 将于 2012 年 7 月 5 日重命名为 FB.Canvas.setAutoGrow。

从页面：

我们已将 FB.Canvas.setAutoResize 重命名为 FB.Canvas.setAutoGrow，以便
该方法更准确地表达其功能。
FB.Canvas.setAutoResize 将于 7 月 5 日停止工作。我们将
8月1日彻底删除该功能。