Facebook标签高度滚动条

时间:2011-03-15 18:46:35

标签: php html facebook iframe resize

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

4 个答案:

答案 0 :(得分: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>

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

body, html {
    overflow:hidden;
}

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

我的博客上提供了一篇关于Facebook iframe的完整文章:http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/

答案 1 :(得分: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>

再次感谢所有人。

答案 2 :(得分:1)

答案 3 :(得分:1)

转到应用程序设置 - &gt;高级设置 - &gt;画布页面,你可以改变宽度和高度固定从流体

相关问题