Facebook应用程序选项卡iframe边框问题

时间:2011-02-15 14:23:23

标签: facebook

我有fb app和一个标签,随着内容的增长,滚动显示iframe,但我想没有iframes的滚动,但我想滚动整个页面而不是i帧

2 个答案:

答案 0 :(得分:1)

您还需要启动计时器以调用自动调整代码。在您的应用程序中,HTML执行:

<div id="fb-root"></div>
<script type="text/javascript">
  //<![CDATA[
    window.fbAsyncInit = function() {
        FB.init({appId: "xxxxxxxxxxxxxxx", 
                 status: true, cookie: true, xfbml: true});
        FB.Canvas.setAutoResize();
    };

    (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>

以上代码将每100毫秒检查一次内容尺寸。如果要使用不同的时序,可以将毫秒作为变量传递:

window.fbAsyncInit = function() {
    FB.Canvas.setAutoResize(50);
};

如果您的内容大小在页面加载后没有改变,您可以通过手动更改内容大小来节省CPU周期:

window.fbAsyncInit = function() {
    FB.Canvas.setSize();
}

您甚至可以将所需大小作为参数传递

window.fbAsyncInit = function() {
    FB.Canvas.setSize({ width: 520, height: 600 });
}

答案 1 :(得分:0)

隐藏滚动条的最简单方法是使用     FB.Canvas.setAutoResize()

有关详细信息,请参阅以下文章/教程。

http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/