Chrome中的Facebook iframe应用程序scroolbars

Chrome中的Facebook iframe应用程序scroolbars,facebook,google-chrome,iframe,Facebook,Google Chrome,Iframe,这肯定已经被讨论了无数次,但我找不到有效的解决办法 如何在Chrome中去除Facebook iframe应用程序中的滚动条。IE和Firefox都很好 使用建议的CSS overflow:hidden,如果内容的高度超过800px,只需将其删除即可 即使是Facebook的可口可乐iframe应用程序也将内容切断了!!看这里 这也是我的Chrome应用程序(v.16.0.912.77 m)所发生的情况。将此添加到画布应用程序的fb js中: FB.Canvas.setSize({ width

这肯定已经被讨论了无数次,但我找不到有效的解决办法

如何在Chrome中去除Facebook iframe应用程序中的滚动条。IE和Firefox都很好

使用建议的CSS overflow:hidden,如果内容的高度超过800px,只需将其删除即可

即使是Facebook的可口可乐iframe应用程序也将内容切断了!!看这里


这也是我的Chrome应用程序(v.16.0.912.77 m)所发生的情况。

将此添加到画布应用程序的fb js中:

FB.Canvas.setSize({ width: 520, height: X });
其中X是您想要的高度

如果您的应用程序是流体,请使用:

FB.Canvas.setAutoGrow();

你必须对你的应用程序做一些调整。首先,将以下代码添加到页面:

FB.Canvas.setAutoGrow()
告诉Facebook SDK如果内容较长,请调整iframe的大小

溢出:隐藏
添加到
CSS

检查应用程序设置,确保已将画布宽度设置为“流体”,将画布高度设置为“固定”(转到“设置>高级>滚动到画布设置”)


所有这些都应该修复滚动条。如果没有,请使用Chrome中的“Inspect Element”之类的东西来查看是否有什么东西导致了条形图的出现。

我也会尝试设置一个延迟的大小,并对其进行一点实验:

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

另外,在调用
FB.Canvas.setSize
FB.Canvas.setAutoGrow
之前,不要忘记用你的应用程序id(
FB.init
初始化Facebook

FB.Canvas.setAutoGrow()

我必须把它放好

主体{}

在css中,以防止滚动条在chrome中显示。在我的情况下,是填充

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

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

  • 如果还没有,请尝试添加:
    body{overflow:hidden;}

  • 您可能还禁用了javascript

  • 或者,您可以在应用程序设置中将应用程序的固定高度设置得非常高,其中显示:fixed[]。还要确保在应用程序设置中选择了“修复”

  • 如果这种情况发生在其他应用程序上,包括你提到的CocaCola页面,那么可能是浏览器。尝试更新。我使用的是Chrome 19.0.1084.56,没有问题(除了我,高度总是被推到1200px最大高度)

  • 另外,请看这里:''那里有一个您可以尝试的解决方案

  • 编辑:同时查看此处:“”

  • 编辑:在浏览了Facebook的bug区域后,Facebook表示这不是Facebook端的bug,因此您的代码中一定有问题。(来源:'')


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

    你在说什么?TAB或Canvas?TAB ifram应用程序,查看可口可乐页面并单击“主页”选项卡/链接,您将在Chrome中看到内容被切断(超过800px高度)Chrome v16是旧的。。。我使用的是v19,我没有滚动条问题,这与这里的滚动条有关(Chrome20Beta)。您可能希望在https中检查它(页面上的不安全内容)。Fyi Chrome 16岁,正常人至少18或19岁。重新启动浏览器可能会有所帮助:pSorry忘了提到我的应用程序页面有一个动态高度,上面的代码是我已经使用过的&它在FF&IE中运行良好,但在Chrome中不起作用。尚未设置“是我是…”。。。