如何在没有滚动条的情况下将页面标签高度设置为自动？答案

【问题标题】：How to set pagetabs height to auto with no scroll bars?如何在没有滚动条的情况下将页面标签高度设置为自动？
【发布时间】：2013-06-10 03:54:26
【问题描述】：

如果 iframe 中的页面大于 800 像素，我的页面标签总是有滚动条。我看到在该高级设置中有一个“将画布高度设置为流体”，但这似乎没有帮助。我尝试了其他建议，例如添加

   <script type="text/javascript">
    window.fbAsyncInit = function() {
    FB.Canvas.setSize();
   }
   // Do things that will sometimes call sizeChangeCallback()
   function sizeChangeCallback() {
    FB.Canvas.setSize();
   }
   </script>

但似乎不起作用。

有什么想法吗？

【问题讨论】：

澄清一下：您是否将 JavaScript SDK 嵌入到您的页面中并正确初始化了它？

标签： facebook tabs height scrollbar

【解决方案1】：

尝试在您的 CSS 文件或 HTML 文件的标题中添加此 CSS 样式，

<style type="text/css">
body { overflow:hidden; }
</style>

在这里我回答了一个类似的问题 - https://stackoverflow.com/a/11324976/555760,
关于画布setSize()、setDoneLoading() 和setAutoGrow()，

FB.Canvas.setSize({ width: 810, height: 950 });

FB.Canvas.setDoneLoading( function(response) {
    console.log(response.time_delta_ms);
    FB.Canvas.setAutoGrow();
});

【讨论】：

【解决方案2】：

在尝试了上述建议和许多其他可能的修复后，唯一有效的方法是创建一个新的 facebook 应用程序。

我确实使用了以下代码：

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

但在我创建一个新应用程序之前，即使这样也行不通。我不确定，但我认为原始应用程序可能已损坏或太旧。

【讨论】：