Facebook App - 2013年的ScrollBars打破了变化

时间:2013-08-05 15:22:16

标签: facebook scrollbar facebook-iframe

我的Facebook应用程序(iframe / fluid / Fluid)显示水平滚动条。所有删除它的尝试都失败了。

我已尝试过此处发布的所有解决方案,关于FB.setAutoGrow()FB.setSize()等等......没有运气,但我发现了一些有趣的内容:

出现的滚动条与我的应用程序无关,但与侧面的商业广告有关。 enter image description here

在图片中你可以看到我在说什么:

  • 左边是我的Iframe应用程序的一部分。虽然iframe已经正确调整大小(我已经使用Firebug进行了检查 - 右侧)并且它们的大小都很正确,但是底部的水平滚动条会影响整个Facebook窗口(而不仅仅是我的iframe)。

  • Firebug上突出显示的项目是导致水平滚动条的原因。它们不属于pagelet div(iframe所在的div):它是右边推荐游戏的旋转木马的一部分! (并且其宽度> 5000像素)。

  • 当我第一次启动我的应用程序时,没有任何滚动条,时间间隔很短,如500毫秒,然后突然出现。

  • FB.Canvas.setSizeFB.Canvas.setAutoGrow似乎有效,如果我手动调用它们,它们会调整iframe的大小等,但它们不会删除滚动条。

  • 我有身体:溢出=隐藏。

  • (可能相关?)我的应用程序使用自己的另一个iframe,宽度和高度100%,这是动作发生的地方。那个其他的iframe也有overflow = hidden。

  • 这传统上有效。我停止关注Facebook几个月,然后我昨天看到了这一点:(

会发生什么?我的猜测是Facebook认为我的应用程序需要水平滚动,删除主体中的overflow-x:hidden以允许它,但这与他们的旋转木马相互干扰,期望隐藏溢出...我不知道这个问题是否存在完全是我的错或Facebook Bug。

1 个答案:

答案 0 :(得分:0)

幸运的是,这个bug已经被Facebook解决了。现在一切正常。