Question

这无疑已被无数次覆盖，但我找不到合适的解决方案。

如何摆脱Chrome中Facebook iframe应用程序中的滚动条。 IE＆amp; Firefox很好。

使用建议的CSS溢出：隐藏，如果内容超过800px，则简单地切断内容。

甚至Facebook可口可乐iframe应用程序的内容也被切断!!看这里 http://www.facebook.com/cocacola?sk=app_161193133389

这也是Chrome浏览器中的应用程序（版本16.0.912.77米）

Answer 1

将此添加到您的画布应用程序的fb js：

FB.Canvas.setSize({ width: 520, height: X });

其中X是你想要的高度。

如果你的应用程序使用流畅：

FB.Canvas.setAutoGrow();

Answer 2

我还会尝试延迟设置尺寸并稍微尝试一下：

window.setTimeout("FB.Canvas.setSize({ width: 520, height: 1111 })", 2000);

另外，请不要忘记使用您的应用ID（FB.init）在致电FB.Canvas.setSize或FB.Canvas.setAutoGrow之前初始化Facebook。

Answer 3

我遇到了类似的问题：添加FB JS SDK和

之后

FB.Canvas.setAutoGrow（）;

我必须设置

体{}

在css中保持滚动条不显示在chrome中。在我的情况下是填充。

body{
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

Answer 4

你必须对你的app做一些调整。首先，将以下代码添加到您的页面：

FB.Canvas.setAutoGrow();告诉Facebook SDK如果内容更长，则调整iframe的大小。

将overflow: hidden添加到<html>或<body> CSS

检查您的应用设置，并确保已将“画布宽度”设置为“流畅”，并将“画布高度”设置为“固定”（转到设置＆gt;高级＆gt;滚动到画布设置。）

所有这些都应该修复滚动条。如果没有，请使用Chrome中的“检查元素”之类的内容来查看是否有某些因素导致显示条形。

Answer 5

您可以在下面尝试各种解决方案。请评论哪一个，或者如果它们都不起作用，我会相应地更新这个答案。

如果您还没有，请尝试添加：body{overflow:hidden;}
您可能还禁用了JavaScript。
或者，您可以在应用设置中将应用的固定高度设置得非常高，其中显示： fixed [] 。另外，请确保在您的应用设置中选择了已修复。
如果在其他应用中发生这种情况，包括您提到的CocaCola页面，则可能是浏览器。尝试更新。我使用的是Chrome 19.0.1084.56，我没有任何问题，（除了我，高度总是被推到 1200px 最大高度）。
另请看这里：“Choosing between Facebook iframe scrollbar or page cut off halfway”您可以尝试使用的解决方案。
修改：点击此处：'Timeline page app height stuck at 800px'。

编辑： 在查看Facebook漏洞区域之后，Facebook表示这不是Facebook端的错误，因此必须在您的代码中出现问题。（来源：'https://developers.facebook.com/bugs/360687100649759'）

如果这不起作用，那么请评论并说出来，我会做进一步的研究。