Facebook 选项卡高度滚动条

Posted 2023-03-05

【中文标题】Facebook 选项卡高度滚动条

【英文标题】：Facebook Tab Height Scroll Bar

【发布时间】：2011-07-16 01:07:26

【问题描述】：

我制作了一个简单的 html 页面并将其设置在 facebook 粉丝页面选项卡上，但显示在粉丝页面上的选项卡显示了一个滚动条，但已设置为自动调整大小，并且此 html 页面的高度很大我想隐藏滚动条并显示完整的页面

【问题讨论】：

教程、谷歌搜索、取消上限和更好的问题应该会给你一个答案。

@Frederico 我已经尝试在 google 上找到并且仍在寻找

@DANISH：请不要再这样做了，人们不是来转帖的

@Mat：无论好坏，我们中的一些人除了编辑其他帖子以提高质量之外几乎没有做任何事情：P

@Matt: 感谢社区服务 (-:

【参考方案1】：

我发现的最适合我的解决方案是：

您需要设置 Facebook 应用画布设置，将画布高度设置为流体。

 然后，在页眉中添加一些javascript：

<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
    FB.Canvas.setAutoResize();
</script>

最后，强制我们的 body 和 html 标签在 css 中避免滚动条。

body, html 
    overflow:hidden;

这对我来说可以删除所有滚动条。它于 2011 年 10 月 18 日生效，但由于 Facebook 不断更改其代码，未来可能会发生变化。

我的博客上有关于 Facebook iframe 的完整文章：http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/

【讨论】：

FB.setAutoResize() 不再起作用，将于 9 月 5 日被移除。这段代码会抛出异常。请改用 FB.setAutoGrow()。

其实是FB.Canvas.setAutoGrow()

【参考方案2】：

谢谢大家。

这是我问题的答案；我把它贴在这里，这样如果将来有人发现这个问题也能得到答案，他/她的时间不会被浪费。我通过在我的索引页的 </body> 标记之前添加以下代码来获得解决方案

<script type="text/javascript">
window.fbAsyncInit = function() 
FB.Canvas.setSize();

// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() 
FB.Canvas.setSize();

</script>

再次感谢大家。

【讨论】：

嗯，为什么要在函数中包装函数？？为什么不直接调用“FB.Canvas.setSize()”？？？

【参考方案3】：

这个解决方案对我有用 http://aarosant.com/2011/03/14/adjust-the-size-of-facebook-iframe-tabs/

【参考方案4】：

转到应用设置 -> 高级设置 -> 画布页面，您可以将宽度和高度从流体更改为固定