Facebook iFrame Vertical Scrollbar不会消失

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中的任何东西(我可以找到或看到)使页面宽度超过520px.问题发生在IE8,IE7和Firefox中.

你可以在这里看到这个页面.

我从几个不同的来源尝试了一些javascript代码的变体,但没有运气.不确定这是否是我失踪的小东西,或者它是否是另一个facebook bug.任何我的其他Facebook iframe登陆页面上都不存在此问题.在寻找答案并且没有任何答案之后,我已经碰到了这个问题.

Answer 1

它的代码

html {
overflow-Y: scroll;
}

在你的style.css样式表中引起问题.当我使用Chrome检查并删除该值时,滚动条消失.