如何摆脱iframe周围的滚动条

Question

您好我使用iframe作为我的脸谱网应用。 iframe会自动获取滚动条。你能告诉我如何避免在iframe周围获取滚动条吗？我目前有2个facebook应用程序作为iframe，其中一个获得它不应该有的滚动条：

http://apps.facebook.com/cyberfaze/（在我不想要的iframe周围有滚动条或滚动区域） http://apps.facebook.com/koolbusiness/（相同的CSS，没有滚动条）

你可以帮帮我吗？ 感谢

Answer 1

转到Facebook上的应用程序设置

您会找到画布设置

在画布设置中，您会找到 IFrame尺寸：

您会找到两个选项

1. 显示滚动条
2. 自动调整大小

选择自动调整大小以摆脱滚动条。

Answer 2

您需要转到自己的应用设置 - ＆gt;画布设置 - ＆gt; iFrame大小（由Micheal提及）并将其设置为自动调整大小。

您还需要确保{if}内容为body, html { overflow: hidden; }

然后下面的内容会有所帮助，将其删除并更改您的应用ID -

<script type="text/javascript"> 
    window.fbAsyncInit = function() {
        FB.init({
            appId: 'xxxxxxx',
            status: true,
            cookie: true,
            xfbml: true
        });
        //this resizes the the i-frame
        //on an interval of 100ms
        FB.Canvas.setAutoResize(100);
    };

    (function() {
        var e = document.createElement('script');
        e.async = true;
        e.src = document.location.protocol +
        '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);  
    }());
</script>

Answer 3

Facebook开发者应用设置部分中有一个设置可将滚动设置为Auto-resize。您可以添加到CSS文件中：html { overflow:hidden; }

Answer 4

您是否忘记将iframe滚动属性设置为“否”？

尝试将iframe标记更改为：

<iframe class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" id="iframe_canvas" name="iframe_canvas" src='javascript:""' height="600px" style="height: 719px; overflow-y: hidden; ">

希望这就是你在寻找的地方！

Answer 5

通常使用iframe，您可以使用CSS方法设置overflow: hidden，也可以使用iframe的滚动属性并将其设置为scrolling="no"。

虽然看过你的例子，但我不确定是什么导致了你的问题。 Facebook iframe有自己的一系列问题。

首先转到devloper应用并编辑您的应用设置。在Facebook集成区域中，将 iframe大小设置为自动调整大小。然后在你的应用程序中，在FB.init之后，调用FB.Canvas.setAutoResize。这是一个关于FB.Canvas.setAutoResize的链接。