Facebook标签高度滚动条

ZEE*_*BAL 3 html php iframe facebook resize

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

小智 10

我找到的最适合我的解决方案是:

您需要设置Facebook应用程序画布设置,Canvas height to Fluid.

然后,在页眉中添加一些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>
Run Code Online (Sandbox Code Playgroud)

最后,强制我们的body和html标记以避免css中的滚动条.

body, html {
    overflow:hidden;
}
Run Code Online (Sandbox Code Playgroud)

这对我有用,可以删除所有滚动条.它的工作时间是2011年10月18日,但由于Facebook不断更改代码,因此未来可能会发生变化.

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

  • FB.setAutoResize()不再起作用,将于9月5日删除.此代码将抛出异常.请改用FB.setAutoGrow(). (3认同)