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

问题描述：

这几个月来一直让我完全疯狂。我创建了一个应用程序，仅用于显示我公司网站上为facebook定制的内容。Facebook应用程序作为页面选项卡问题

我们希望是这样的：http://www.facebook.com/FarmersInsurance?sk=app_7146470109 但是这样结束了：http://www.facebook.com/DeltaFlexTravelers?sk=app_110411285713674

我无法摆脱这个该死的滚动条！我已经做了所有其他答案，这种问题无济于事。我明确地使用FB.Canvas.setSize（）设置宽度和高度。没有。

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

同样的应用程序正在担任了通过DNN。不知道这可能是相关的信息。 – Jason

答

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

答

您需要做两件事： 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; 
}

答

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

答

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

我的应用程序的集装箱总是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应用程序作为页面选项卡问题

相关推荐