Facebook iFrame垂直滚动条不会离开

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

<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中。

您可以看到页面here。

我已经尝试了几个不同来源的JavaScript代码的变体，但没有运气。不知道这是我错过的小事，还是它是另一个facebook错误。这个问题不存在于我的任何其他Facebook的iframe登陆页面。在四处寻找答案并且什么也没有提出之后，我已经用这个打了一堵墙。

来源

2011-06-01 Joe

都是旧的。一切都错了。你不能单独使用CSS。 – 3Dom 2013-03-04 01:54:07

它的这个代码

html { 
overflow-Y: scroll; 
}

在你的style.css样式表这就是导致问题的

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

来源

2011-06-01 21:30:16 bkaid

杰出！这解决了它。谢谢bkaid！ – Joe 2011-06-02 00:30:40

对于任何人都好奇，该CSS是手风琴内容的一部分，我没有最终使用...删除整个部分和滚动条问题消失。 – Joe 2011-06-02 00:38:29

我也看到了一些CSS设置的属性重置。 – evanmcd 2013-04-04 18:54:10

Facebook iFrame垂直滚动条不会离开

回答

相关问题