Facebook标签高度自动调整大小

时间:2013-03-07 22:35:02

标签: facebook tabs facebook-apps

我有我的Facebook标签我创建了包含3个div块,但高度太大,我有一个滚动条。 这就是为什么我把“overflow:hidden”CSS与body html放在一起。 它没有用。 所以我在网上找到了一件好事:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'MY_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
</script>

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize( { height: 1000 } );
}
</script>

这只适用于Firefox和Safari,但在Chrome和&amp; IE我没有滚动条,但如果我想要在我的选项卡底部,我必须左键单击以滚动并查看按钮。 我如何在Chrome&amp; IE? 你觉得我的CSS不好吗?

4 个答案:

答案 0 :(得分:2)

检查一下:https://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/并查看左栏底部的其他Canvas Methods链接。

自从我使用我自己的应用程序重新调整代码更新已经有几个月了,这些东西一直在变化,但以下内容适用于我的页面结束标记之前。我不记得了,但你可能还需要在你的开场身份标签中使用style =“overflow:hidden”。

希望这会有所帮助:)

<script type="text/javascript" language="javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" language="javascript">
    FB.init({
        appId: '<YOUR_APP_ID>',
        status: true, // check login status
        cookie: true, // enable cookies to allow the server to access the session
        xfbml: true// parse XFBML
    });
    window.fbAsyncInit = function () {
        FB.Canvas.setSize();
    }

    FB.Canvas.setAutoGrow(7);
</script>

我也找到了这个:http://petetasker.wordpress.com/2012/10/31/facebook-set-auto-grow-a-version-that-actually-works/

答案 1 :(得分:0)

<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>

<script type="text/javascript">
    window.fbAsyncInit = function() {
      FB.init({
        appId      : 'YOUR_APP_ID'
      });
      FB.Canvas.setAutoGrow();
    }
</script>

答案 2 :(得分:0)

调用FB JS时,请确保它不是绝对的。根据查看者SSL设置,它可能会引发错误,并且自动调整大小将不起作用。 错了:

<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>

右:

<script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>

答案 3 :(得分:0)

使用setAutoGrow()的答案都不适用于我,因此我必须使用JavaScript计算内容高度,然后相应地使用setSize()。

post_content