Question

这让我几十个月都疯了。我创建了一个应用程序，其唯一目的是从我公司的网站上显示为facebook定制的内容。

我们想要这样的事情：http://www.facebook.com/FarmersInsurance?sk=app_7146470109 但最终得到这个：http://www.facebook.com/DeltaFlexTravelers?sk=app_110411285713674

我无法摆脱该死的滚动条！我已经完成了对这类问题的其他答案所暗示的一切无济于事。我使用FB.Canvas.setSize（）明确设置宽度和高度。什么都没有。

我想知道当将内容显示为页面选项卡时FB.Canvas.setSize（）是否不起作用。如果是这种情况，你如何摆脱显示为页面标签的应用程序上的怪物滚动条？

Answer 1

即使在IE中设置了宽度，我也会得到滚动条并切断内容。不得不把它降低到510px。 520是最大值，但不同的浏览器可能具有不同的dpi设置。无论是MS还是MS给了IE一个不同的像素定义。

Answer 2

尝试创建一个所需大小的包装div（默认为520x800），然后将溢出设置为隐藏。强迫你在空间内设计，但为我摆脱了滚动条问题。您可能还需要为该div设置margin：0，padding：0。如果您需要更多细节，可以在我们构建的页面标签上查看http://facebook.com/xocialhost。请随意查看源样式表，它是我们为我们的FB应用程序定制的HTML 5样板的修改版本。

Answer 3

你需要做两件事： 1.使用FB.Canvas.setSize（）。作为额外的锤子，使用setAutoResize并延迟很短。 2.将标签页CSS设置为overflow = hidden;

这是setSize部分：

FB.Canvas.setSize();
}
  function sizeChangeCallback() {
  FB.Canvas.setSize();
}
FB.Canvas.setAutoResize(7);

这是CSS部分：

body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

Answer 4

您是否尝试过设置尺寸？摆脱滚动条我总是做的就是设置两件事：

我的应用程序的容器总是520px宽，并且有溢出：隐藏集
我使用JS API设置的选项卡的高度总是比实际的HTML高度大一点。

它总是对我有用......

这是我正在使用的代码：

window.fbAsyncInit = function() {

    if(typeof(FB) != 'undefined') {

        FB.init({
            appId: 111111111111111, xfbml: true, status: true, cookie: true, oauth: true
        });

        FB.Canvas.setSize({ width: 760, height: 1250 });
    }
};

(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);
}());

Facebook应用程序作为页面选项卡问题

4 个答案: