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 设计使用整个 520px 宽度，空的垂直滚动条给了我可怕的水平滚动条。从水平滚动条的宽度来看，它是垂直滚动条引起的，而不是 HTML/CSS 中的任何东西（我可以找到或看到）使页面宽度超过 520 像素。该问题发生在 IE8、IE7 和 Firefox 中。

你可以看到页面here。

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

Answer 1

就是这段代码

html {
overflow-Y: scroll;
}

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