Facebook iFrame 垂直滚动条不会消失

Question

我使用之前使用过 3 次的相同模板创建了一个自定义 Facebook 登录页面。问题是，这一次，垂直滚动条不会消失。这是我一直在使用的调整大小代码:

<script type="text/javascript">// <![CDATA[
    window.fbAsyncInit = function() { FB.Canvas.setSize({ width: 520, height: 1200});}
    function sizeChangeCallback() { FB.Canvas.setSize({ width: 520, height: 1200});}
// ]]></script>

在页面底部:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
    FB.init({
    appId : 'MY_APP_ID',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml : true // parse XFBML
    });
// ]]></script>

我的 CSS 使用 body {overflow: hidden;}，在我的应用程序中选择了“自动调整大小”。问题不是 ifarme 不会调整大小(它会调整)，而是我右边有一个空的垂直滚动条，不会消失。

由于 iframe 设计使用了整个 520 像素的宽度，空的垂直滚动条给我带来了可怕的水平滚动条。从水平滚动条的宽度来看，是垂直滚动条导致了它，而不是 HTML/CSS 中的任何内容(我可以找到或看到)使页面宽度超过 520 像素。问题发生在 IE8、IE7 和 Firefox 中。

可以看到页面here .

我尝试了来自几个不同来源的 javascript 代码的一些变体，但没有成功。不确定这是我遗漏的小问题还是另一个 facebook 错误。这个问题不存在于我的任何其他 facebook iframe 登录页面上。在四处寻找答案但一无所获之后，我遇到了这个问题。

Answer 1

就是这段代码

html {
overflow-Y: scroll;
}

在导致问题的 style.css 样式表中。当我用 Chrome 检查它并删除该值时，滚动条消失了。