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: hide;}，在我的应用程序中选择了“自动调整大小”。问题不在于 ifarme 不会调整大小（确实如此），而是我右侧有一个空的垂直滚动条，不会消失。

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

您可以在此处查看该页面。

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

Answer 1

style.css 样式表中的这段代码

html {
overflow-Y: scroll;
}

导致了问题。当我用 Chrome 检查它并删除该值时，滚动条消失了。