你如何在Firefox 7 * +中压制Facebook应用程序画布滚动条?

时间:2012-01-17 00:42:59

标签: css facebook api canvas

我已经构建了一个FB应用程序,无法在FF浏览器中禁止使用canas滚动条。 Chrome,IE和Safari都很好。

有罪的风格似乎是FB CSS中设置的主要风格,让所有身体标签溢出-y:滚动。因此,即使画布区域外没有任何内容,并且我已将画布设置为动态调整大小,FF仍保留滚动条空间。使问题更加复杂,保留滚动条空间会侵占760像素画布。

我检查了api,并且不支持管理FB样式。有问题的应用是http://apps.facebook.com/plus-size-clothing/

1 个答案:

答案 0 :(得分:0)

将我的应用正文overflow设置为隐藏,并且FB.Canvas.setAutoResize();正在为我工​​作。

<强>使用Javascript:

window.fbAsyncInit = function() {
  FB.init({
    appId  : 'YOUR-APP-ID',
    status : true, /* check login status */
    cookie : true, /* enable cookies to allow the server to access the session */
    xfbml  : true  /* parse XFBML */
  });

  FB.Canvas.setAutoResize(); /* Automatically sets canvas size */
};

<强> CSS:

body{
  overflow: hidden;
  /* your styles here... */
}