Facebook iFrame垂直滚动条赢得';别走开

Facebook iFrame垂直滚动条赢得';别走开,facebook,iframe,scrollbar,Facebook,Iframe,Scrollbar,我创建了一个自定义facebook登录页面,使用的模板与我之前使用过3次的模板相同。问题是,这一次,垂直滚动条不会消失。这是我一直在使用的调整大小代码: <script type="text/javascript">// <![CDATA[ window.fbAsyncInit = function() { FB.Canvas.setSize({ width: 520, height: 1200});} function sizeChangeCallback()

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

<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使用
主体{overflow:hidden;}
,在我的应用程序中选择“自动调整大小”。问题不是ifarme不会调整大小(它会调整),而是我在右边有一个空的垂直滚动条不会消失

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

你可以看到这一页

我尝试了一些不同来源的javascript代码变体,但没有成功。不确定这是不是我遗漏了什么小东西,或者这是另一个facebook bug。这个问题在我的任何其他facebook iframe登录页上都不存在。在四处寻找答案却一无所获之后,我用这句话撞到了墙。

就是这段代码

html {
overflow-Y: scroll;
}

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

杰出!这就解决了问题。谢谢你的帮助!对于任何好奇的人来说,CSS是我最终没有使用的手风琴内容支架的一部分。。。删除了整个部分,滚动条问题消失了。我还看到一些css重置设置的属性。都是旧的。完全错了。你不能单独使用CSS。