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

您可以看到页面here。

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

Answer 1

它的代码

html {
overflow-Y: scroll;
}

导致问题的style.css样式表中的

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

Facebook iFrame Vertical Scrollbar不会消失

1 个答案: